I am currently working on the third project for Responsive Web Design Certification on freecodecamp.org, its a landing page. I just cannot figure out why this header is not fillingup the entire horizontal screen. Can you please help me?
Hello there!
The header is currently with no width value, so its only as wide as the content inside… If you want it to span all the width of the page you should set the width of the header yourself (I would recomend use either % or vw and not px or em/rem) using the width css property.
Also, as a side note, in the css that you just provided, the header is targeted twice: as header and as #header.
Hope that helps!