@aUnicornDev
Posted
You have border-bottom for the underline so it will take the complete width of the text. For variable widths, you can use ::after pseudo element.
You can also change .hamburger position from fixed to absolute, because the fixed hamburger appears even after scroll.
You should set a fixed max-width on the .container so that it does cover the whole screen on bigger viewports.
Marked as helpful
@michellewongi
Posted
@aUnicornDev Hi is there a recommended size to set the max-width to make the website responsive on larger viewports? If I set the .container of max-width: 1920px; for example, the whole website would be stuck at 1920px and if I move the screen size larger, there's just white space
@aUnicornDev
Posted
@mw3981 There won't be a problem if you have the CONTENT with white space around.
The navbar background, footer background, and the overall background won't be considered as the CONTENT
