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

Adiciona comentários CSS

Browse Source
This commit is contained in:
Sabrina Miranda 2022-10-10 03:05:23 -03:00
parent 7456534f36
commit 61f28100bb
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/styles/main.css
View File

@ -9,6 +9,8 @@ body {
color: #000000;
}
/* HEADER */
.page-header {
display: flex;
justify-content: center;
@ -20,11 +22,15 @@ body {
display: block;
}
/* MAIN : MAIN BANNER - MIDDLE BANNER */
.main-banner, .middle-banner {
display: block;
width: 100%;
}
/* MAIN TOP INFOCARD */
.top-infocard {
display: flex;
align-items: center;
@ -55,6 +61,8 @@ body {
font-size: 16px;
}
/* MAIN TOP CARDS */
.top-cards {
display: grid;
grid-template-columns: repeat(3, 33%);
@ -85,6 +93,8 @@ body {
font-size: 16px;
}
/* MAIN BOTTON CARDS */
.bottom-cards {
margin-top: 142px;
padding-bottom: 66px;
@ -123,6 +133,8 @@ body {
font-size: 16px;
}
/* MAIN BOTTOM INFOCARD */
.bottom-infocard {
display: flex;
align-items: center;
@ -147,6 +159,8 @@ body {
font-size: 16px;
}
/* FOOTER */
.page-footer {
display: flex;
flex-direction: column;
@ -169,6 +183,8 @@ body {
color: #BDBDBD;
}
/* MEDIA QUERY */
@media screen and (max-width: 340px) {
.top-card {
padding: 22px 0 20px;