From 4e7f77ff038fb52c8d92abd5f6f3ef01d7cf157c Mon Sep 17 00:00:00 2001 From: Mickael_cypriano Date: Tue, 11 Oct 2022 00:51:41 -0300 Subject: [PATCH] cardes montados, termine a parte inferior e inicio mobile --- index.html | 8 ++++---- src/style/style.css | 15 ++++++++++++--- 2 files changed, 16 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 784e49b..c5af955 100644 --- a/index.html +++ b/index.html @@ -42,17 +42,17 @@
imagem-shop-card -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

imagem-shop-bag-card -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

imagem-shop-bag-card -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

@@ -68,7 +68,7 @@
- +
diff --git a/src/style/style.css b/src/style/style.css index fe0d196..1c874c9 100644 --- a/src/style/style.css +++ b/src/style/style.css @@ -88,10 +88,11 @@ flex-direction: column; background: #FFFFFF; text-align: center; - padding-top: 35px ; + padding-top: 35px; margin-bottom: 30px; - width: 26%; - height: 26%; + margin: 0px 10px 80px; + width: 40%; + height: 40%; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); } @@ -102,6 +103,14 @@ .terceira-section p { padding: 0px 24px 27px; + max-width: 300px; + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + text-align: center; + } /* quarta parte do site */