From 2bb21810be210d8eccb728f2cdf1d18cf36b112d Mon Sep 17 00:00:00 2001 From: Mateus Farias Santos Date: Wed, 12 Oct 2022 17:30:22 +0000 Subject: [PATCH] Commit cards responsivos. --- style.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index 4c31bc6..83abdc2 100644 --- a/style.css +++ b/style.css @@ -84,7 +84,7 @@ padding: 0px 100px 60px 0px; } .cardCenter { - width:76%; + width:100%; display:flex; justify-content:center; align-items: center; @@ -173,7 +173,7 @@ } .card3 { width: 380px; - height: 330px; + height: 280px; display:block; text-align: center; background: #FFFFFF; @@ -187,7 +187,7 @@ font-style: normal; font-weight: 400; -font-size: 17px; +font-size: 16px; text-align: center; color: #000000; @@ -272,7 +272,7 @@ color: #000000; font-size: 20px; } - .text4 , .textFooter{ + .text4 ,{ font-size: 20px; @@ -294,6 +294,15 @@ color: #000000; } @media only screen and (max-width: 400px) { .text5 { - font-size:15px; + font-size:13px; + } + } + @media only screen and (max-width: 600px) { + .cardCenter { + width:80%; + display:flex; + justify-content: center; + align-items: center; + margin: auto; } } \ No newline at end of file