adicionando responsividade no footer e na section ondeTrabalhamos

buuninbee · Aug 15, 2023 · edc0b53 · edc0b53
1 parent 2a38ad4
commit edc0b53
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 4 deletions.
diff --git a/css/global/footer.css b/css/global/footer.css
@@ -88,6 +88,42 @@ footer a:hover {
   }
 
   .qr-code{
-    grid-column: 2;
+    display: none;
+  }
+}
+
+@media (max-width:1200px) {
+  .card {
+    width: 140px;
+    justify-items: left;
+    justify-content: left;
+  }
+
+  .meios{
+    justify-content: right;
+  }
+}
+
+@media (max-width:919px) {
+  .conteudo-footer h2::after {
+    left: -92px;
+    top: -20px;
+  }
+
+}
+
+@media (max-width:780px) {
+  .conteudo-footer  {
+    grid-template-columns: 1fr;
+  }
+
+  .meios{
+    justify-content: left;
+    grid-row: 2;
+    width: 100%;
+  }
+
+  .conteudo-footer h2{
+    grid-row: 3;
   }
 }
diff --git a/css/global/header.css b/css/global/header.css
@@ -1,12 +1,17 @@
 .header-bg {
-    /* background: linear-gradient(180deg, #141414 20%, #182017 70%);  */
     background-color: #121b10;
+    padding: 14px 0;
+}
+
+.logo{
+    margin-top: 15px;
 }
 
 nav {
     display: flex;
     place-content: center;
     align-items: center;
+    flex-wrap: wrap;
     margin: 0 120px; 
     justify-content: space-between;
 }

diff --git a/css/home/home.css b/css/home/home.css
@@ -32,7 +32,7 @@
     align-content: center;
     width: 80%;
     height: 900px;
-    padding-left: 220px;
+    padding-left: 320px;
     color: #fff;
 }
 

diff --git a/css/home/ondeTrabalhamos.css b/css/home/ondeTrabalhamos.css
@@ -30,4 +30,22 @@
   display: flex;
   justify-content: center;
   align-content: center;
+}
+
+@media (max-width: 900px) {
+  .bg-trabalhos{
+    grid-template-columns: 1fr;
+    gap: 32px;
+  }
+
+  .bg-trabalhos h2{
+    margin: 0;
+    padding: 0;
+  }
+
+  .bg-trabalhos p{
+    margin: 0;
+    padding-bottom: 10px;
+    max-width: 52ch;
+  }
 }
diff --git a/index.html b/index.html
@@ -94,7 +94,7 @@ <h2 class="titulo">Vacinamos mais de 4.288 crianças contra Hepatite B, Polio in
                     <div class="carousel-item slide3">
                         <div class="img-slide3">
                             <div class="text-img">
-                                <h2 class="titulo">Lutamos para que até 2028 tenha mais de 100 escolas para os  indígenas</h2>
+                                <h2 class="titulo">Lutamos para que até 2028 tenha mais de 100 escolas nas aldeias indígenas</h2>
                                 <button>
                                     <div class="text">
                                         <span>Ver</span>