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

Add initial style.css

Browse source
This commit is contained in:
Daniel Murphy 2022-01-06 13:13:02 -05:00
parent 715bf3b673
commit edd1f402e7
1 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
grid/02-grid-layout-2/style.css Normal file
View file

@ -0,0 +1,49 @@
.container {
text-align: center;
}
.container div {
padding: 15px;
font-size: 32px;
font-family: Helvetica;
font-weight: bold;
color: white;
border-radius: 15px;
}
.header {
background-color: #FFDE22;
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.sidebar {
background-color: #FF7755;
grid-column: 1 / 2;
grid-row: 2 / 4;
}
.nav {
background-color: #00DDFF;
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.article {
background-color: #bccbde;
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.article p {
font-size: 18px;
font-family: sans-serif;
color: white;
text-align: left;
}
.footer {
background-color: #393f4d;
grid-column: 1 / 3;
grid-row: 4 / 5;
}