Skip to content

Commit aba1744

Browse files
committed
02-flex-header: Added a note, letting users know that matching the font isn't desired
1 parent b57e48a commit aba1744

File tree

2 files changed

+3
-9
lines changed

2 files changed

+3
-9
lines changed

flex/02-flex-header/README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,6 @@ wide:
1515
- Logo is centered vertically and horizontally.
1616
- list-items are horizontal, and are centered vertically inside the header.
1717
- 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.
18-
- Your solution does not use floats, inline-block, or absolute positioning.
18+
- Your solution does not use floats, inline-block, or absolute positioning.
19+
20+
- Note: For this exercise, it's completely acceptable to not match the font-family.

flex/02-flex-header/solution/solution.css

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');
2-
31
.header {
42
font-family: monospace;
53
background: papayawhip;
@@ -29,8 +27,6 @@ a {
2927
/* SOLUTION */
3028

3129
.header {
32-
/* Feel free to not worry too heavily on matching the font */
33-
font-family: 'Courier Prime', monospace;
3430
padding: 8px;
3531
display: flex;
3632
align-items: center;
@@ -42,8 +38,4 @@ ul {
4238
margin: 0;
4339
padding: 0;
4440
gap: 8px;
45-
}
46-
47-
a {
48-
font-weight: 400;
4941
}

0 commit comments

Comments
 (0)