Uploaded December 2024 | Updated September 2026, 3 weeks ago

---

CSS Simplified Course: courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-JY0FN71vCbw&utm_campaign=css-course-launch-12-2024&coupon=CSS


The display property has been around since the dawn of CSS, but the purpose of this property has changed drastically since the introduction of flexbox and grid. In this video I will teach you the new way to use the display property as well as what this means going forward for CSS.

📚 Materials/References:

CSS Simplified Course: courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-JY0FN71vCbw&utm_campaign=css-course-launch-12-2024&coupon=CSS


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:54 - History of the display property
03:20 - Multi-value display property
05:33 - flow-root value
07:58 - contents value
11:30 - list-item value
13:45 - What not to use


#CSS #WDS #CSSDisplay