Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Nested Sticky Elements

Problem: Nested Sticky Elements

Try to implement nested sticky elements where a main header sticks to the top and a subheader sticks just below it without overlap during scrolling.

We'll cover the following...

Problem description

Given a page with a main header and a subheader within the page content, implement both elements so that as the user scrolls:

  • The main header sticks to the top of the viewport ...