💄 update css

rieulp · Oct 21, 2022 · f94f6b7 · f94f6b7
1 parent 9d335ce
commit f94f6b7
Showing 1 changed file with 19 additions and 10 deletions.
diff --git a/style.css b/style.css
@@ -269,10 +269,23 @@ body {
   padding-right: 16px;
   margin-bottom: 16px;
 }
+@media screen and (max-width: 815px) {
+  .CartPage {
+    width: 100%;
+  }
 
-@media screen and (max-width: 1500px) {
-  .ProductListPage ul {
-    grid-template-columns: repeat(3, 300px);
+  .ProductDetail {
+    flex-direction: column;
+  }
+
+  .ProductDetail .ProductDetail__info {
+    padding: 10px;
+  }
+
+  .Cart__itemDescription {
+    flex-direction: column;
+    font-size: 15px;
+    align-items: flex-end;
   }
 }
 
@@ -283,12 +296,8 @@ body {
   }
 }
 
-@media screen and (max-width: 815px) {
-  .ProductDetail {
-    flex-direction: column;
-  }
-
-  .ProductDetail .ProductDetail__info {
-    padding: 10px;
+@media screen and (max-width: 1500px) {
+  .ProductListPage ul {
+    grid-template-columns: repeat(3, 300px);
   }
 }