Mobile phone

Project #2 of 8 in "First steps" progression
HTML/CSS
Mobile phone thumbnail

Updated: May 06, 2026

See the Pen Mobile phone by jamesmichael (@jamesmichael) on CodePen.

In this project

Extra tasks

  1. Enable text alignment when clicking Left, Center, and Right
  2. When clicking the center button, toggle the display theme between light and dark
  3. When clicking the battery, show / hide the percentage on the left

No lessons here, but we'll launch them soon.