Command Palette

Search for a command to run...

Hectal
Phase 11: Modern CSS and Architecture
CSS · Exercise 4 of 6 PreviousNext
Intermediate

Debug the sideways scroll

This page scrolls sideways. Use DevTools (or the overflow snippet from Topic 11.6) to find every cause and fix it with CSS.

Don't hide the problem with overflow: hidden or overflow: clip on html or body, and don't delete any content.

What Check tests

  1. The page no longer scrolls sideways
  2. The banner fits inside the page
  3. The image fits inside the page
  4. The long address wraps instead of sticking out
  5. Nothing was hidden with overflow on html or body
  6. No content was removed

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.