From dd8538af488736bba195ee6d64867d1bc480d1fc Mon Sep 17 00:00:00 2001 From: Thais Ferreira Date: Thu, 13 Oct 2022 13:21:43 -0300 Subject: [PATCH] Feature: added banner-bottom desktop/mobile --- Styles/index.css | 29 ++++++++++++++++++++++++++--- index.html | 5 ++++- 2 files changed, 30 insertions(+), 4 deletions(-) diff --git a/Styles/index.css b/Styles/index.css index 8186b56..eb01c64 100644 --- a/Styles/index.css +++ b/Styles/index.css @@ -20,7 +20,8 @@ body{ } .banner-principal-mobile, -.infocard-image-mobile{ +.infocard-image-mobile, +.banner-bottom-mobile{ display: none; } @@ -139,14 +140,20 @@ body{ align-items: center; text-align: center; width: 80%; + padding: 0 0 50px; } -.text-bottom-infocard-title{ +.bottom-infocard-title{ font-weight: 600; font-size: 32px; line-height: 39px; } +.bottom-infocard img{ + justify-content: center; + width: 70%; +} + @media screen and (max-width: 414px){ .banner-principal-desktop, .infocard-image-desktop{ @@ -159,6 +166,9 @@ body{ .text-bottom-infocard{ width: 100%; } + .bottom-infocard img{ + width: 100%; + } } @media screen and (max-width: 768px){ @@ -187,10 +197,23 @@ body{ .bottom-card{ max-width: 350px; } + .bottom-infocard{ + flex-direction: column-reverse; + } + .text-bottom-infocard{ + padding: 50px 0 87px; + } + .banner-bottom-desktop{ + display: none; + } + .banner-bottom-mobile{ + display: unset; + } } @media screen and (min-width: 2000px){ - .infocard-subtitle{ + .infocard-subtitle, + .bottom-infocard-title{ font-size: 40px; } .infocard-title{ diff --git a/index.html b/index.html index 3d626d0..ee3bc4d 100644 --- a/index.html +++ b/index.html @@ -133,8 +133,11 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. Donec finibus turpis vitae lectus interdum rutrum vitae sed augue. -

+

+ + +