From 3401b2bf577371f3318dedeb6dbd76b432a68730 Mon Sep 17 00:00:00 2001 From: danielmoliaribarbosa Date: Wed, 12 Oct 2022 17:20:16 -0300 Subject: [PATCH] Adiciona Footer Responsive Mobile --- assets/styles/main.css | 31 ++++++++++++++++++++++++++++++- index.html | 5 ++++- 2 files changed, 34 insertions(+), 2 deletions(-) diff --git a/assets/styles/main.css b/assets/styles/main.css index dec95a6..f778ef5 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -320,6 +320,10 @@ body{ margin: 0 0 14%; padding: 0 1%; } + .bottom-infocard-image-mobile{ + display: block; + width: 100%; + } .bottom-infocard-image-desktop{ display: none; } @@ -335,8 +339,30 @@ body{ line-height: 29px; margin-bottom: 2.2%; } - + .page-footer{ + padding: 32px 0; + } + .footer-icons{ + display: flex; + list-style-type: none; + align-items: center; + margin-bottom: 3%; + } + .footer-icon{ + margin: 0 8px; + } + .footer-icon-image{ + width: 100%; + } + .footer-description.desktop{ + display: none; + } + .footer-description.mobile{ + width: 260px; + text-align: center; + } } + @media screen and (min-width: 1025px){ .main-banner-mobile{ display: none; @@ -344,6 +370,9 @@ body{ .bottom-infocard-image-mobile{ display: none; } + .footer-description.mobile{ + display: none; + } } @media screen and (min-width: 2500px){ diff --git a/index.html b/index.html index 8ddbd0f..83d4da2 100644 --- a/index.html +++ b/index.html @@ -161,9 +161,12 @@ - + \ No newline at end of file