How does box-sizing: border-box works?
Lesson Objective:
Students will learn how the box-sizing: border-box property works in CSS, how to implement internal CSS within an HTML document, and how to generate placeholder text using Lorem Ipsum.
Materials:
Computer with Internet access
Web browser
Text editor (VSCode)
0:01 intro & preparation
0:06 Internal CSS Implementation
0:48 Generating placeholder text using Lorem Ipsum within VSCode
1:40 Preparation for the border-box demo and lecture
2:45 box-sizing: border-box lecture & demo