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

add css section area-content

Browse Source
This commit is contained in:
Marcela Mathias 2022-10-13 16:49:24 -03:00
parent 0424bb8724
commit c8c3c887e6
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
css/styles.css
View File

@ -55,3 +55,34 @@
display: block;
margin: 0 auto;
}
.area-content {
display: flex;
align-items: center;
justify-content: center;
}
.area-content .box-item {
background: #ffffff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
padding: 30px 20px;
margin: 0 10px;
min-height: 280px;
}
.area-content .box-item:first-of-type {
margin-left: 0;
}
.area-content .box-item:last-of-type {
margin-right: 0;
}
.area-content .box-item .description {
max-width: 299px;
text-align: center;
margin: 0 auto;
}
.area-content .box-item img {
margin: 0 auto 20px auto;
}