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