Skip to main content

Make the header stick to the top on scroll — practice exercise

HTML5andCSS3 logoPRACTICE

Make .site-header remain pinned to the top of the viewport as the page scrolls, using position: sticky (not fixed, which would remove it from the flow).

Acceptance criteria

  1. 1..site-header must compute to position: sticky.
  2. 2.It must have a top offset so it knows where to stick.
  • Accenture
  • CallHippo
  • Infra.Market
  • Insignia Solutions
  • Kiaan Technology
  • Marmeto
1
0 × 0

Output ready when you are

Press Run to render your code, or Submit to validate your solution.