diff --git a/assets/css/main.css b/assets/css/main.css index 387c193..787145a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -64,7 +64,7 @@ } .information-texts { - width: 40%; + width: 40.5%; margin: 0 auto; text-align: initial; } @@ -84,9 +84,13 @@ } .information-image { - width: 16%; + width: 17%; height: auto; } + + .information-image img { + width: 100%; + } } /*----------*\ @@ -118,7 +122,8 @@ } .card-image { - width: 29%; + width: 34.5%; + min-width: 103px; height: auto; } @@ -139,7 +144,7 @@ } .services .card { - min-width: 350px; + width: 34%; } } @@ -160,27 +165,32 @@ transform: translateY(2rem); } -.gallery-image-1 { +.gallery-image, +.gallery-image img { width: 100%; } -.gallery-image-2 { - width: 100%; -} .gallery-image-3 { - width: 100%; grid-column: 1/2 span; } @media screen and (min-width:1025px) { + .gallery { + --hs-grid-space: 40px; + + padding: 0 72px; + } + .gallery-container { - width: 88%; - margin: 0 auto; grid-template-columns: repeat(3, 1fr); transform: translateY(4rem); } + .gallery-image { + min-height: 530px; + } + .gallery-image-3 { grid-column: auto; } @@ -209,15 +219,14 @@ } @media screen and (min-width:1025px) { - .features-container { - flex-direction: row; - width: 92%; - padding-bottom: 108px; - margin: 0 auto; + .features { + padding: 0 72px; } - .features .card { - width: 22.5%; + + .features-container { + flex-direction: row; + padding-bottom: 108px; } .card-image { @@ -265,7 +274,7 @@ } .blog-article { - width: 28%; + width: 30.5%; margin: 0 auto; margin-bottom: 50px; } diff --git a/index.html b/index.html index b80f53d..d323187 100644 --- a/index.html +++ b/index.html @@ -65,11 +65,10 @@ Nulla suscipit magna dui.

-
+
três computadores juntos conectados por setas
@@ -105,11 +104,19 @@ @@ -210,7 +217,9 @@ -

Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00

+

+ Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00 +