Exploring the Overlapping Header Pattern
Snook published an article "Overlapping Header with CSS Grid" where he looks at a header design pattern that I feel transcends trends and has been popular forever. The idea is that the header is oversized and the main content area sneaks up into it and overlaps the background of the header. There is just something kinda nice and comforting about it.
Rather than using "old" techniques (e.g. max-width and negative margins and such) he goes with CSS Grid. In this video, we'll start with the old techniques, then try to reverse engineer Snook’s idea and ultimately compare them.
