Command Palette

Search for a command to run...

Hectal
Phase 17: Storytelling and Scrollytelling
Data Visualization · Exercise 4 of 6 PreviousNext
Intermediate

Make the chart stay

The chart on the right should stay at the top while the text on the left scrolls, but it scrolls away with the text.

Fix the CSS so that after the scroller has been scrolled by 200 px, the figure is still at the top of the scroller. Find the line that stops position: sticky from working.

What Check tests

  1. The page still has its three steps
  2. After scrolling 200 px the figure is still at the top
  3. The figure is not stretched to the height of the row

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.