02-flex-header: Added a note, letting users know that matching the font isn't desired

This commit is contained in:
Keshav K 2024-01-20 18:11:25 -08:00
parent b57e48a828
commit aba174459a
2 changed files with 3 additions and 9 deletions

View File

@ -16,3 +16,5 @@ wide:
- 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.
- Note: For this exercise, it's completely acceptable to not match the font-family.

View File

@ -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;
@ -43,7 +39,3 @@ ul {
padding: 0;
gap: 8px;
}
a {
font-weight: 400;
}