product page responsive

inlancersystem4 · Nov 1, 2023 · a49f5dc · a49f5dc
1 parent cae3cd5
commit a49f5dc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/assets/css/responsive.css b/assets/css/responsive.css
@@ -114,17 +114,17 @@
         max-width: 150px;
     }
 
-    .product-list .inventory{
+    .product-list .inventory {
         min-width: 210px;
         max-width: 210px;
     }
 
-    .product-list .blank-section{
+    .product-list .blank-section {
         min-width: 10px;
         max-width: 10px;
     }
 
-    .product-list .row-status{
+    .product-list .row-status {
         min-width: 200px;
         max-width: 200px;
     }
@@ -402,10 +402,14 @@
 
     .table-footer {
         padding: 16px 16px 0;
+        flex-wrap: wrap;
     }
 
     .table-pagination {
         gap: 12px;
+        width: 100%;
+        justify-content: space-between;
+        padding: 0 12px;
     }
 
 

diff --git a/products.html b/products.html
@@ -428,7 +428,7 @@ <h5 class="user-name">Tekla Fabrics</h5>
                                 <p class="text-large_semibold color-Grey_40 cursor-pointer">Collections</p>
                             </div>
 
-                            <div class="w-100 display-flex align-center justify-between gap-8px margin-top_16px">
+                            <div class="w-100 display-flex align-center justify-between gap-8px margin-top_16px Md_flex-column Md_align-end">
 
                                 <div class="display-flex align-stretch gap-8px">
 
@@ -442,7 +442,7 @@ <h5 class="user-name">Tekla Fabrics</h5>
 
 
 
-                                <div class="display-flex align-center gap-8px">
+                                <div class="display-flex align-center gap-8px Md_flex-wrap-reverse Md_align-end Md_justify-end">
 
 
                                     <div class="search-wrraper w-100">