diff --git a/assets/images/galeria-photo-1.png b/assets/images/galeria-photo-1.png new file mode 100644 index 0000000..834d573 Binary files /dev/null and b/assets/images/galeria-photo-1.png differ diff --git a/assets/images/galeria-photo-2.png b/assets/images/galeria-photo-2.png new file mode 100644 index 0000000..6561eb0 Binary files /dev/null and b/assets/images/galeria-photo-2.png differ diff --git a/assets/images/galeria-photo-3.png b/assets/images/galeria-photo-3.png new file mode 100644 index 0000000..8eba01f Binary files /dev/null and b/assets/images/galeria-photo-3.png differ diff --git a/assets/styles/styles.css b/assets/styles/styles.css index a80a0c2..8f9c16f 100644 --- a/assets/styles/styles.css +++ b/assets/styles/styles.css @@ -7,6 +7,7 @@ color: #000000; } /*Definindo estilos gerais*/ +.galeria-photo, .galeria-content, .content, .top-infocard, @@ -103,9 +104,19 @@ /*Estilo da galeria*/ .galeria-content{ + display: grid; + grid-template-columns: repeat(3, 1fr); + justify-content: center; + padding: 0 72px; + gap: 36px; background: #E0E0E0; } +.galeria-photo{ + position: relative; + bottom: -62px; +} + @media screen and (max-width: 1024px){ .page-banner-principal-mobile{ display: block; diff --git a/index.html b/index.html index 48e91ed..0c642a0 100644 --- a/index.html +++ b/index.html @@ -61,9 +61,11 @@
-
-
-
+ +
Foto da Galeria 1
+
Foto da Galeria 2
+
Foto da Galeria 3
+