Merge pull request 'Correcao geral' from carloswinter into main

Reviewed-on: #2

assets/styles/main.css

@@ -12,9 +12,6 @@ body{
     width: 100%;
     height: 100px;
     padding:28px;
-}
-.header img{
-
 }
 .topbannerdesktop{
     width: 100%;
@@ -30,26 +27,20 @@ body{
 }
 .topinfo-texts{
     text-align: center;
-    margin-top: 73px;
+    margin-top: 6.5vh;
     width: 43%;
-
 }
-
 .topinfo-subtitle{
     text-transform: uppercase;
     font-weight: 400;
     font-size: 32px;
     line-height: 39px;
-
 }
-
-
 .topinfo-title{
     font-weight: 500;
     font-size: 48px;
     line-height: 58px;
     text-transform: uppercase;
-
 }
 .topinfo-text{
     font-weight: 400;
@@ -57,7 +48,6 @@ body{
     line-height: 24px;
     margin-top: 28px;
     text-align: left;
-
 }
 .topinfo-img{
     margin-top:70px;
@@ -70,7 +60,7 @@ body{
     margin-bottom: 80px;
     display: flex;
     justify-content: center;
-    gap:21px;
+    gap:1.09vw;
 }
 .topcard{
     padding: 46px 26px 27px;
@@ -94,10 +84,9 @@ body{
     justify-content: center;
     top:62px;
     width: 100%;
-
 }
 .gridimg{
-    margin:0 72px;
+    margin:0 3.75vw;
     display: grid;
     flex-wrap:nowrap;
     grid-template-columns: 1fr 1fr 1fr;
@@ -115,12 +104,11 @@ body{
 .middle-img3{
     display: block;
     width: 100%;
-
 }
 .middlecards{
     display:flex;
-    margin: 129px 72px 0 72px;
+    margin: 129px 3.75vw 0 3.75vw;
-    gap:16px;
+    gap: 0.85vw;
     background: #FFFFFF;
 }
 .middlecard{
@@ -141,13 +129,11 @@ body{
     display: flex;
     flex-direction: column;
     align-items: center;
-    
     text-align: center;
 }
 .bottombanner figure figcaption{
-    width: 35%;
+    max-width: 28%;
 }
-
 .bottombanner-subtitle{
     font-weight: 600;
     font-size: 32px;
@@ -175,18 +161,15 @@ body{
     align-items: center;
     flex-direction: column;
     gap: 17px;
-    
 }
 .footer a{
     text-decoration: none;
 }
 .footer nav figure{
     display: flex;
-    gap:21px;
+    gap:21px; 
-    
-}
-.footerimg{
 }
+
 .footer-text{
     font-weight: 400;
     font-size: 10px;
@@ -195,7 +178,6 @@ body{
     color: #BDBDBD;
 }
 
-
 @media screen and (max-width: 767px){
     .topbannerdesktop{
         display:none;
@@ -206,8 +188,6 @@ body{
     }
 }
 
-
-
 @media screen and (max-width: 1439px){
     .topinfo-texts{
         min-width: 86%;
@@ -218,7 +198,6 @@ body{
         line-height: 24px;
     
     }
-    
     .topinfo-title{
         font-weight: 500;
         font-size: 28px;
@@ -244,16 +223,13 @@ body{
         margin-bottom: 80px;
         flex-direction:column;
         gap:24px;
-    }
+    }   
-    
     .topcard-text{
-        min-width: 0;
+        min-width: 0;  
-        
     }
     .middle-wrapper{
         top:32px;
     }
-
     .gridimg{
         display: grid;
         grid-template-columns: repeat(4, 1fr);
@@ -267,7 +243,6 @@ body{
         grid-area: 1 / 3 / 2 / 5;
     }
     .middle-img2{
-
         grid-area: 1 / 1 / 2 / 3; 
     }
     .middle-img3{
@@ -278,13 +253,9 @@ body{
         margin: 80px 23px;
         flex-direction: column;
     }
-    .middlecard{
-    }
     .middlecard-text{
         font-size: 14px;
-
     }
-
     .bottombanner-desktop{
         display: none;
     }
@@ -301,7 +272,7 @@ body{
         text-align: center;
     }
     .bottombanner figure figcaption{
-        width:auto;
+        max-width:100%;  
         margin: 0 7%;
     }
     .bottombanner-subtitle{
@@ -319,13 +290,11 @@ body{
     .bottombanner-mobile{
         display:block;
         width: 100%;
-    }
+    } 
-    
     .footer{
         margin-top: 87px;
         padding: 32px;   
     }
-
     .footer-text{
         text-align: center;
         font-size: 10px;
@@ -346,7 +315,6 @@ body{
         font-size: 32px;
         line-height: 48px;
         margin-top: 28px;
-    
     }
     .figuretopinfo{
         width: 100%;
@@ -378,10 +346,12 @@ body{
         font-size: 32px;
         line-height: 48px;
     }
-    
     .footer-text{
         font-size: 20px;
         line-height: 24px;
     }
+    .footerimg{
+        width: 1.35vw;
+    }
 }
 

index.html

@@ -14,7 +14,7 @@
 <body>
     <header class="header">
         <figure>
-            <a href="#">
+            <a href="/">
                 <img src="./assets/images/svg/Logo-M3Academy.svg" alt="Logo-M3Academy">
             </a>
         </figure>
@@ -99,7 +99,7 @@
                 </div>
             </section>
             <section class="bottombanner">                       
-                <figure>
+                <figure class="bottombanner-fig">
                     <figcaption>
                         <h2 class="bottombanner-subtitle">
                             Lorem ipsum dolor sit amet
@@ -118,13 +118,13 @@
         <footer class="footer">
             <nav>
                 <figure>
-                    <a href="#">
+                    <a href="/">
                         <img class="footerimg" src="./assets/images/img/iglogo.png" alt="Ícone Instagram">
                     </a>
-                    <a href="#">
+                    <a href="/">
                         <img class="footerimg" src="./assets/images/img/fblogo.png" alt="Ícone Facebook">
                     </a>
-                    <a href="#">
+                    <a href="/">
                         <img class="footerimg" src="./assets/images/img/ytlogo.png" alt="Ícone Youtube">
                     </a>
                 </figure>