tod
/
odin-default-css-exercises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

grid-03: style, solution, desired-outcome

This commit is contained in:
Christina M 2023-06-10 12:31:10 -05:00
parent ef87c10dd5
commit 3c9fe0e270
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
grid/03-grid-layout-3/desired-outcome-streched.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

BIN
grid/03-grid-layout-3/desired-outcome-stretched.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 466 KiB

BIN
grid/03-grid-layout-3/desired-outcome.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 535 KiB

After

Width:  |  Height:  |  Size: 94 KiB

13
grid/03-grid-layout-3/solution/solution.css
View File

@ -26,7 +26,7 @@
} }
.sidebar { .sidebar {
background-color: #FF7755; background-color: #C50208;
} }
.sidebar .photo { .sidebar .photo {
@ -46,7 +46,7 @@
} }
.nav { .nav {
background-color: #FF7755; background-color: #C50208;
} }
@ -89,7 +89,7 @@
.footer p { .footer p {
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
} }
/* SOLUTION */ /* SOLUTION */
@ -130,8 +130,9 @@
gap: 50px; gap: 50px;
} }
.side-content, .photo { .side-content,
display: grid; .photo {
display: grid;
align-items: center; align-items: center;
} }
@ -157,4 +158,4 @@
.footer { .footer {
grid-column: 1 / 3; grid-column: 1 / 3;
} }

8
grid/03-grid-layout-3/style.css
View File

@ -25,7 +25,7 @@
} }
.sidebar { .sidebar {
background-color: #FF7755; background-color: #C50208;
} }
.sidebar .photo { .sidebar .photo {
@ -45,7 +45,7 @@
} }
.nav { .nav {
background-color: #FF7755; background-color: #C50208;
} }
.nav ul li { .nav ul li {
@ -87,5 +87,5 @@
.footer p { .footer p {
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
} }