Finalizando projeto e adicionando responsividade

GSFZamai · Apr 4, 2021 · aff096e · aff096e
1 parent 9f1f44b
commit aff096e
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/projeto/css/main.css b/projeto/css/main.css
@@ -97,4 +97,51 @@ body {
     justify-content: center;
     width: 100%;
     padding: 1.3rem 0;
+}
+
+.download-app {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-evenly;
+}
+
+.app-download {
+    width: 10em;
+    height: 3em;
+    background-size: cover;
+}
+
+.app-download:nth-child(1) {
+    background-image: url("../imgs/apple-button.png");
+}
+
+.app-download:nth-child(2) {
+    background-image: url("../imgs/googleplay-button.png");
+}
+
+/*media queries*/
+
+@media (max-width: 1024px) {
+    .wrapper-instagram {
+        width: 90%;
+    }
+}
+
+@media (max-width: 650px) {
+    body {
+        background-color: white;
+    }
+
+    .phone-container {
+        display: none;
+    }
+
+    .continue-container {
+        width: 100%;
+    }
+
+    .group {
+        border: 1px solid transparent;
+    }
 }