How to fill up all the top of the screen with my header?

By setting the header element's position to "fixed" and setting its height to cover the entire height of the screen.

Related articles:

Maximizing Your Header: Tips and Tricks for Filling the Top of Your Screen
A website's header is one of the most important elements on the page. It serves as the first point of contact with your audience, and thus it should be visually appealing and effective in showcasing your brand identity while also providing easy navigation for visitors. In order to achieve all these, maximizing your header is essential. Here are some tips and tricks to help you fill the top of your screen effectively:

The Ultimate Guide to Filling Up the Top of Your Screen with Your Header
When it comes to designing a website, the header is one of the most important elements to consider. It's the first thing that visitors see when they land on your site, so it's essential to make it stand out and leave a lasting impression.

From Blank Spaces to Eye-catching Headers: How to Fill the Top of Your Screen Effectively
The top of your screen is prime real estate for capturing your audience's attention. Whether it's a webpage or an app, it's essential to use this space effectively to make a strong first impression.