File tree Expand file tree Collapse file tree 2 files changed +3
-9
lines changed Expand file tree Collapse file tree 2 files changed +3
-9
lines changed Original file line number Diff line number Diff line change 15
15
- Logo is centered vertically and horizontally.
16
16
- list-items are horizontal, and are centered vertically inside the header.
17
17
- 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.
Original file line number Diff line number Diff line change 1
- @import url ('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap' );
2
-
3
1
.header {
4
2
font-family : monospace;
5
3
background : papayawhip;
29
27
/* SOLUTION */
30
28
31
29
.header {
32
- /* Feel free to not worry too heavily on matching the font */
33
- font-family : 'Courier Prime' , monospace;
34
30
padding : 8px ;
35
31
display : flex;
36
32
align-items : center;
42
38
margin : 0 ;
43
39
padding : 0 ;
44
40
gap : 8px ;
45
- }
46
-
47
- a {
48
- font-weight : 400 ;
49
41
}
You can’t perform that action at this time.
0 commit comments