media-query-1040px

sohkratez · Jun 14, 2024 · 45ffa7b · 45ffa7b
1 parent 4da797a
commit 45ffa7b
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/estilo/style.css b/estilo/style.css
@@ -442,8 +442,35 @@ footer .footer-down {
 
     /* FOOTER */
 
+}
+/* MEDIA-QUERY - MAX-WIDTH: 1040PX */
+@media screen and (max-width: 1040px) {
+    /* HEADER */
+
+    /* SMARTWATCH-FITNESS */
+
+    /* PRODUTOS */
+    section.produtos {
+        padding: 4rem 4%;
+    }
+
+    section.produtos .flex {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .img-port {
+        width: 33rem;
+        height: 35rem;
+        margin-bottom: 2.5rem;
+    }
 
-    /* MEDIA-QUERY - MAX-WIDTH: 1040PX */
+    /* BLOG */
+    .articles {
+        flex-direction: column;
+        align-items: center;
+    }
+}
 
 /* MOBILE */
 @media screen and (max-width: 430px){