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

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

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