Mobile web UI (touch, safe areas)

Objectives

  • Master: touch
  • Master: safe-area
  • Master: 100dvh

Lesson

This lesson is part of the year-long Code Academy Alfred path. Goal: understand touch, safe-area, 100dvh in real web / mobile-web design conditions.

Practice immediately: rebuild the example, then change it. Memory comes from active repetition, not passive reading.

If you get stuck, use Cursor with a precise prompt (context + goal + constraints), then explain the generated diff yourself.

Assessment

Assessment

1. What is the main topic of “Mobile web UI (touch, safe areas)”?