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

7
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;
} }
@ -130,7 +130,8 @@
gap: 50px; gap: 50px;
} }
.side-content, .photo { .side-content,
.photo {
display: grid; display: grid;
align-items: center; align-items: center;
} }

4
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 {