Discover instant copy+paste Tailwind components. Explore our huge library.
Beautiful, fully coded UI Kits made for Tailwind CSS and Figma
Browse our collection of premium Tailwind templates.
Hate writing headlines? Use proven headline formulas!
The perfect logo for your project is just a click away.
Easily create beautiful device mockups for your app or website design.
May 4, 2020
I’ve seen sites with headers that can take up a third or even half of the screen. Obviously, this is way too large. It pushes the rest of the site down and makes the whole page feel crowded.
Headers are nearly page-wide, but not very tall. Make sure you keep this in mind when designing your page. A common guideline is to not make your header more than 200-300 pixels tall. Your header serves as exactly that, the head of your page. Make sure it does that, but not more than that.