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.
-
+
+
+
+