From aba174459af47af8edc044bb088d7c096a0d6008 Mon Sep 17 00:00:00 2001 From: Keshav K Date: Sat, 20 Jan 2024 18:11:25 -0800 Subject: [PATCH] 02-flex-header: Added a note, letting users know that matching the font isn't desired --- flex/02-flex-header/README.md | 4 +++- flex/02-flex-header/solution/solution.css | 8 -------- 2 files changed, 3 insertions(+), 9 deletions(-) diff --git a/flex/02-flex-header/README.md b/flex/02-flex-header/README.md index c28e61d..fce7035 100644 --- a/flex/02-flex-header/README.md +++ b/flex/02-flex-header/README.md @@ -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. \ No newline at end of file +- 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. \ No newline at end of file diff --git a/flex/02-flex-header/solution/solution.css b/flex/02-flex-header/solution/solution.css index 2d7c25f..884e862 100644 --- a/flex/02-flex-header/solution/solution.css +++ b/flex/02-flex-header/solution/solution.css @@ -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; } \ No newline at end of file