diff --git a/static/style.css b/static/style.css
index 88b25bd..2098ecf 100644
--- a/static/style.css
+++ b/static/style.css
@@ -285,6 +285,23 @@
   border: 1px solid black;
 }
 
+ .category-cards .row {
+  justify-content: center; 
+} 
+
+.category-cards .col-md-4 {
+  display: flex;
+  align-items: stretch; 
+}
+.category-cards .col-md-8 {
+  display: flex;
+  justify-content: center; 
+}
+.category-cards .card-body {
+  display: flex;
+  align-items: center;
+}
+
 .post-category {
   font-style: italic;
   font-size: 0.85rem;
diff --git a/templates/turnup/categoy.html b/templates/turnup/categoy.html
index f654cfe..ecf21b4 100644
--- a/templates/turnup/categoy.html
+++ b/templates/turnup/categoy.html
@@ -6,13 +6,13 @@
     <div class="container-fluid m-0 p-0 "">
         <h2 class="contaienr-fluid p-0" style="margin-top:8rem;text-align:center;">{{cat.title}}</h2>
         <div>
-            <div class="category-cards p-0" style="width:100% ;">
+            <div class="category-cards p-0" >
                 <div class="row p-0">
                   <div class="col-md-4">
                     <img src="/media/{{cat.image}}" class="card-img" alt="...">
                   </div>
                   <div class="col-md-8">
-                    <div class="card-body">
+                    <div class="card-body p-2">
                       <p class="card-text">{{cat.description | safe}}</p>
                     </div>
                   </div>