02-flex-header: Added a note, letting users know that matching the font isn't desired
This commit is contained in:
parent
b57e48a828
commit
aba174459a
@ -15,4 +15,6 @@ wide:
|
||||
- Logo is centered vertically and horizontally.
|
||||
- list-items are horizontal, and are centered vertically inside the header.
|
||||
- left-links and right-links are pushed all the way to the left and right, and stay at the edge of the header when the page is resized.
|
||||
- Your solution does not use floats, inline-block, or absolute positioning.
|
||||
- Your solution does not use floats, inline-block, or absolute positioning.
|
||||
|
||||
- Note: For this exercise, it's completely acceptable to not match the font-family.
|
||||
@ -1,5 +1,3 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');
|
||||
|
||||
.header {
|
||||
font-family: monospace;
|
||||
background: papayawhip;
|
||||
@ -29,8 +27,6 @@ a {
|
||||
/* SOLUTION */
|
||||
|
||||
.header {
|
||||
/* Feel free to not worry too heavily on matching the font */
|
||||
font-family: 'Courier Prime', monospace;
|
||||
padding: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -42,8 +38,4 @@ ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 400;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user