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

Simplify solution

Browse source
This commit is contained in:
Daniel Murphy 2022-01-12 19:37:15 -05:00
parent aebe42c8c7
commit ce84a0ce51
1 changed files with 0 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
grid/03-grid-layout-3/solution/solution.css
View file

@ -115,18 +115,15 @@
.header { .header {
grid-column: 1 / 3; grid-column: 1 / 3;
grid-row: 1 / 2;
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
.logo { .logo {
grid-column: 1 / 2;
justify-self: start; justify-self: start;
} }
.menu { .menu {
grid-column: 2 / 3;
align-self: center; align-self: center;
} }
@ -141,7 +138,6 @@
} }
.sidebar { .sidebar {
grid-column: 1 / 2;
grid-row: 2 / 4; grid-row: 2 / 4;
display: grid; display: grid;
gap: 50px; gap: 50px;
@ -157,11 +153,6 @@
align-items: center; align-items: center;
} }
.nav {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.nav ul { .nav ul {
list-style-type: none; list-style-type: none;
display: grid; display: grid;
@ -169,8 +160,6 @@
} }
.article { .article {
grid-column: 2 / 3;
grid-row: 3 / 4;
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-rows: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);
@ -187,5 +176,4 @@
.footer { .footer {
grid-column: 1 / 3; grid-column: 1 / 3;
grid-row: 4 / 5;
} }