feat(home): criado estilo do mural de imagens.

src/assets/css/style.css

@@ -10,7 +10,7 @@
 }
 
 body {
-  background-color: #E5E5E5;
+  background-color: #FFF;
 }
 
 /* HEADER */
@@ -31,7 +31,6 @@ header a {
 
 .section1 img {
   width: 100%;
-  padding-top: 50px;
 }
 
 /* SECTION 2 */
@@ -94,6 +93,27 @@ figcaption {
   line-height: 24px;
 }
 
+/* SECTION 3 */
+
+.fundo {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 39px;
+  max-width: 90%;
+  margin: 0 auto;
+}
+
+.fundo figure img {
+  width: 100%;
+}
+
+.section3 {
+  padding-top: 50px;
+  background-color: #E5E5E5;
+  width: 100%;
+  height: 350px;
+}
+
 /* TELAS GRANDES */
 
 @media only screen and (min-width: 1440px) {
@@ -135,6 +155,10 @@ figcaption {
   .card {
     max-width: 70%;
   }
+
+  .fundo {
+    gap: 14px;
+  }
 }
 
 /* CELULAR */
@@ -173,7 +197,20 @@ figcaption {
   }
 
   .img-computers img {
-    width: 70%;
+    width: 65%;
+  }
+
+  .fundo {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 14px;
+  }
+
+  .notebook3 {
+    grid-column: 1 / 3;
+  }
+
+  .section3 {
+    height: 440px;
   }
 }