punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

colors for 01-grid-layout

Browse source
This commit is contained in:
Christina Moore 2023-06-09 16:30:21 -05:00
parent 4eea74d31f
commit e22d17a796
2 changed files with 22 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
grid/01-grid-layout-1/solution/solution.css
View file

@ -1,4 +1,5 @@
body, html { body,
html {
height: 100%; height: 100%;
margin: 0; margin: 0;
} }
@ -20,19 +21,23 @@ body, html {
} }
.header { .header {
background-color: #FFDE22; background-color: #008578
} }
.sidebar { .sidebar {
background-color: #FF7755; background-color: #007bc5
} }
.nav { .nav {
background-color: #00DDFF; background-color: #642cde
} }
.article { .article {
background-color: #bccbde; background-color: #9126de
}
.footer {
background-color: #393f4d;
} }
.article p { .article p {
@ -42,10 +47,6 @@ body, html {
text-align: left; text-align: left;
} }
.footer {
background-color: #393f4d;
}
/* SOLUTION */ /* SOLUTION */
.container { .container {
@ -65,4 +66,4 @@ body, html {
.footer { .footer {
grid-column: 1 / 3; grid-column: 1 / 3;
} }

21
grid/01-grid-layout-1/style.css
View file

@ -1,4 +1,5 @@
body, html { body,
html {
height: 100%; height: 100%;
margin: 0; margin: 0;
} }
@ -20,19 +21,23 @@ body, html {
} }
.header { .header {
background-color: #FFDE22; background-color: #008578
} }
.sidebar { .sidebar {
background-color: #FF7755; background-color: #007bc5
} }
.nav { .nav {
background-color: #00DDFF; background-color: #642cde
} }
.article { .article {
background-color: #bccbde; background-color: #9126de
}
.footer {
background-color: #393f4d;
} }
.article p { .article p {
@ -40,8 +45,4 @@ body, html {
font-family: sans-serif; font-family: sans-serif;
color: white; color: white;
text-align: left; text-align: left;
} }
.footer {
background-color: #393f4d;
}