feat: finalizando a prática adicionando o footer

assets/css/main.css

@@ -119,6 +119,7 @@ body{
     max-width: 550px;
 }
 .bottom-inforcard-img{
+    width: 100%;
     margin-right: 40px;
 }
 .bottom-infocard-title{
@@ -131,6 +132,39 @@ body{
     font-size: 16px;
     line-height: 24px;
 }
+
+.rodapé{
+    padding: 38px 0;
+    max-width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 1920px;
+    height: 128px;
+    left: 0px;
+    top: 4054px;
+
+    background: #000000;
+}
+
+.icons{
+    display: flex;
+    list-style: none;
+}
+.icon{
+    margin: 0 8px 16px;
+}
+.footer-text{
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+    
+    /* Gray 4 */
+    
+    color: #BDBDBD;
+    
+}
 @media screen and (max-width: 414px) {
     .main-banner-desktop, .mid-banner-desktop{
         display: none;
@@ -160,6 +194,13 @@ body{
         grid-template-columns: 1fr;
         gap: 16px;
     }
+    .rodapé{
+        padding-bottom: 26px;
+    }
+    .footer-text{
+        max-width: 280px;
+        text-align: center;
+    }
 }
 @media  screen and (max-width: 992px) {
     .top-infocard{
@@ -186,7 +227,6 @@ body{
     padding: 80px 0 136px;
 }
 .bottom-inforcard-img{
-    max-width: 100%;
     margin: 0 0 50px;
     max-width: 596px;
 }

index.html

@@ -81,6 +81,27 @@
                     </div>
                 </section>
         </main>
-        <footer></footer>
+        <footer>
+            <div class="rodapé">
+                <ul class="icons">
+                    <li class="icon" >
+                        <a href="#" target="_blank">
+                            <img src="/assets/Image/instagram.png" alt="icone do instragram">
+                        </a>
+                    </li>
+                    <li class="icon">
+                        <a href="#" target="_blank">
+                            <img src="/assets/Image/facebook.png" alt="icone do facebook">
+                        </a>
+                    </li>
+                    <li class="icon">
+                        <a href="#" target="_blank">
+                            <img src="/assets/Image/youtube 2.png" alt="icone do youtube">
+                        </a> 
+                    </li>
+                </ul>
+                <p class="footer-text">Copyright © 2020 - Loja  Comércio Eletrônico | CNPJ: 000.000.000/0001-00</p>
+            </div>
+        </footer>
     </body>
 </html>