diff --git a/assets/styles/style.css b/assets/styles/style.css index 334c5fa..025bfba 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -240,10 +240,6 @@ a { align-items: center; } -.footer-text-mobile { - display: none; -} - .footer-text { text-transform: uppercase; font-weight: 400; @@ -372,16 +368,9 @@ a { padding: 32px 0; } - .footer-text-desktop { - display: none; - } - - .footer-text-mobile { - display: block; - } - .footer-text { text-align: center; + max-width: 261px; } } @@ -398,7 +387,10 @@ a { line-height: 116px; } - .top-infocard-description { + .top-infocard-description, + .top-card-description, + .bottom-card-description, + .bottom-infocard-description { font-size: 32px; line-height: 48px; } @@ -407,33 +399,14 @@ a { gap: 30px; } - .top-card { + .top-card, .bottom-card { box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.23); } - .top-card-description { - font-size: 32px; - line-height: 48px; - } - .bottom-cards { gap: 30px; } - .bottom-card { - box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.23); - } - - .bottom-card-description { - font-size: 32px; - line-height: 48px; - } - - .bottom-card-description { - font-size: 32px; - line-height: 48px; - } - .bottom-infocard-text { width: 40%; } @@ -444,11 +417,6 @@ a { padding-bottom: 10px; } - .bottom-infocard-description { - font-size: 32px; - line-height: 48px; - } - .footer-text { line-height: 24px; font-size: 20px; diff --git a/index.html b/index.html index 6179fdb..1708a5b 100644 --- a/index.html +++ b/index.html @@ -24,20 +24,25 @@
-
-
- Banner Principal Desktop -
+ +
+ Banner Principal Desktop +
-
- Banner Principal Mobile -
-
+
+ Banner Principal Mobile +
+
-

Lorem ipsum

-

Dolor sit amet

+

+ Lorem ipsum +

+ +

+ Dolor sit amet +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. @@ -162,14 +167,9 @@

- - - \ No newline at end of file