From cbd8cbb3ad404a0dda39760222d3066e0e3beca4 Mon Sep 17 00:00:00 2001
From: Savio
Date: Wed, 12 Oct 2022 20:31:48 -0300
Subject: [PATCH 1/5] fix(home):Conserto top-infocard desktop e mobile
---
assets/css/style.css | 33 +++++++++++++++++++++++++------
index.html | 47 ++++++++++++++++++++++----------------------
2 files changed, 51 insertions(+), 29 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index b2318b8..45af047 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -30,10 +30,8 @@ body {
flex-direction: column;
align-items: center;
padding: 74px 0 180px;
-}
-
-.top-inforcard-text {
max-width: 40%;
+ margin: 0 auto 0;
}
.top-infocard-subtitle {
@@ -59,7 +57,7 @@ body {
font-style: normal;
font-weight: 400;
font-size: 16px;
- line-height: 150%;
+ line-height: 24px;
margin-bottom: 74px;
text-align: center;
}
@@ -136,7 +134,7 @@ body {
flex-direction: column;
align-items: center;
background: #ffffff;
- box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+ box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
}
.bottom-card-image {
@@ -218,10 +216,10 @@ body {
.top-infocard {
padding: 73px 32px 90px;
margin: 0 auto 0;
+ max-width: 100%;
}
.top-inforcard-text {
margin-bottom: 65px;
- max-width: 100%;
}
.top-infocard-subtitle {
@@ -307,3 +305,26 @@ body {
display: none;
}
}
+
+@media screen and (min-width: 2500px) {
+ .page-header {
+ padding: 56px 0;
+ }
+ .header-logo {
+ width: 200%;
+ }
+ .top-infocard-subtitle {
+ font-size: 64px;
+ line-height: 78px;
+ }
+ .top-infocard-title {
+ font-size: 96px;
+ line-height: 116px;
+ }
+ .top-infocard-description {
+ font-size: 32px;
+ line-height: 48px;
+ }
+ .top-infocard-picture {
+ }
+}
diff --git a/index.html b/index.html
index bda0665..d248165 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
dui.
-
-
+
+