Nice work implementing a page that closely resembles the project specification. The fixed header works well, with the main content scrolling underneath.
A couple of visual issues I noticed:
The first is that the navigation links should be on the right-hand side of the header.
This is easily fixed with the justify-content attribute:
header {
...
justify-content: space-between;
}
The second issue is that the main content appears "above" the header (there is a gap between the header and the top of the viewport.
This, too, is easily fixed: explicitly set the margin of the body element to zero:
Nice work implementing a page that closely resembles the project specification. The fixed header works well, with the main content scrolling underneath.
A couple of visual issues I noticed:
The first is that the navigation links should be on the right-hand side of the header. This is easily fixed with the
justify-content
attribute:The second issue is that the main content appears "above" the header (there is a gap between the header and the top of the viewport. This, too, is easily fixed: explicitly set the margin of the
body
element to zero: