Mateus-Farias-Santos/challenge-landing-page-Mateus-Farias
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Commit cards responsivos.

Browse Source
This commit is contained in:
Mateus Farias Santos 2022-10-12 17:30:22 +00:00
parent 26341ebdfe
commit 2bb21810be
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
style.css
View File

@ -84,7 +84,7 @@
padding: 0px 100px 60px 0px; padding: 0px 100px 60px 0px;
} }
.cardCenter { .cardCenter {
width:76%; width:100%;
display:flex; display:flex;
justify-content:center; justify-content:center;
align-items: center; align-items: center;
@ -173,7 +173,7 @@
} }
.card3 { .card3 {
width: 380px; width: 380px;
height: 330px; height: 280px;
display:block; display:block;
text-align: center; text-align: center;
background: #FFFFFF; background: #FFFFFF;
@ -187,7 +187,7 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 17px; font-size: 16px;
text-align: center; text-align: center;
color: #000000; color: #000000;
@ -272,7 +272,7 @@ color: #000000;
font-size: 20px; font-size: 20px;
} }
.text4 , .textFooter{ .text4 ,{
font-size: 20px; font-size: 20px;
@ -294,6 +294,15 @@ color: #000000;
} }
@media only screen and (max-width: 400px) { @media only screen and (max-width: 400px) {
.text5 { .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;
} }
} }