versao mobile

maahbatistaa · Oct 14, 2024 · fadc0a1 · fadc0a1
1 parent ef2b09c
commit fadc0a1
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 0 deletions.
diff --git a/patins-animation/css/footer.css b/patins-animation/css/footer.css
@@ -97,3 +97,10 @@ footer {
     }
   }
 }
+@media (width <= 420px){
+  footer {
+    flex-direction: column;
+    gap: 2rem;
+    align-items: flex-start;
+  }
+}
diff --git a/patins-animation/css/gallery.css b/patins-animation/css/gallery.css
@@ -98,6 +98,18 @@ section.gallery {
   }
 }
 
+@media (width <= 420px){
+  section.gallery {
+    & .content {
+      grid-template-areas:
+        'A A'
+        'B B'
+        'C C'
+        'D D';
+    }
+  }
+}
+
 @keyframes image-appear {
   from {
     opacity: 0;

diff --git a/patins-animation/css/hero.css b/patins-animation/css/hero.css
@@ -129,6 +129,22 @@ section.hero {
   }
 }
 
+@media (width <= 420px) {
+  section.hero {
+    flex-direction: column-reverse;
+    align-items: flex-start;
+  }
+
+  section.hero > div:nth-child(2) {
+    max-width: 100%;
+    height: 25rem;
+  }
+
+  .hero .buttons {
+    flex-direction: column;
+  }
+}
+
 @keyframes slideIn {
   50% {
     transform: translateX(-20px);