Why box behavior matters
Full lesson content unlocks in the student player.
CSS Foundations · Lesson 8 of 11
Width, Height, and Display Basics
Learn how size and display settings affect the way boxes and sections behave on a page.
Starter
4 practice exercises
1 homework item
What you will learn
- Explain what width and height control.
- Understand display as a behavior setting for layout.
- Notice that element behavior can change without changing the content.
- Read a few beginner size and display examples in plain language.
Lesson shape
15 minute lesson with 5 sections, 4 exercises, 5 checkpoint questions, and 1 homework submission.
This track requires the Starter plan.
Lesson outline
What this lesson includes
This lesson is available with the Starter membership. Create an account to open the full student player, exercises, quiz, and completion tracking.
Width and height in plain language
Full lesson content unlocks in the student player.
What display is doing
Full lesson content unlocks in the student player.
Read a tiny example
Full lesson content unlocks in the student player.
What to remember before lesson 9
Full lesson content unlocks in the student player.
Homework
Assignments attached to this lesson
Text response
Open homework
Width, Height, and Display Basics: quick check
Write a short beginner explanation of the main idea from Width, Height, and Display Basics.
Keep moving
Finish this lesson, then move forward without losing your place.
Use the student player for saved sections, safe practice, quiz progress, and completion tracking.