From 5c2a5ea1cf4e42742a0908e4e1c20119d8c66518 Mon Sep 17 00:00:00 2001 From: Eleonora Otz Date: Thu, 13 Oct 2022 13:29:33 -0300 Subject: [PATCH] feat: Adiciona o texto do footer desktop e mobile --- assets/images/facebook-icon.svg | 4 ++-- assets/images/youtube-icon.svg | 4 ++-- assets/styles/main.css | 15 ++++++++++++--- index.html | 3 +++ 4 files changed, 19 insertions(+), 7 deletions(-) diff --git a/assets/images/facebook-icon.svg b/assets/images/facebook-icon.svg index daa396a..061ff85 100644 --- a/assets/images/facebook-icon.svg +++ b/assets/images/facebook-icon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/assets/images/youtube-icon.svg b/assets/images/youtube-icon.svg index c2ef882..de6f9a7 100644 --- a/assets/images/youtube-icon.svg +++ b/assets/images/youtube-icon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/assets/styles/main.css b/assets/styles/main.css index 486c8c7..5b6ac52 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -228,12 +228,12 @@ body { background: #000000; align-items: center; padding: 38px 0; + gap: 17px; } .footer-icons { display: flex; list-style: none; - margin-bottom: 16px; } .footer-icon { @@ -241,6 +241,7 @@ body { } .footer-text { + text-align: center; text-transform: uppercase; font-size: 10px; line-height: 12px; @@ -336,7 +337,7 @@ body { .bottom-cards { flex-direction: column; - margin-bottom: 131px; + margin-bottom: 98px; } .bottom-card { @@ -358,7 +359,7 @@ body { } .bottom-infocard-text { - margin-bottom: 50px; + margin-bottom: 87px; gap: 10px; width: 84%; align-items: center; @@ -384,6 +385,14 @@ body { width: 100%; margin-bottom: 50px; } + + .page-footer { + gap: 16px; + } + + .footer-text { + max-width: 63%; + } } /*Versão telas 4k*/ diff --git a/index.html b/index.html index 33cd10e..a8586dd 100644 --- a/index.html +++ b/index.html @@ -168,6 +168,9 @@ + \ No newline at end of file