Skip to main
Video
CSS snippet showing display value options

Inner & Outer Values of the Display Property

Allow us to be more explicit & expressive about layouts

The display property has been in CSS from the beginning, handling everything from block and inline boxes to list-items and full layout systems like flexbox or grid. Now the display syntax is getting an upgrade to match it’s multiple uses.

Learn what’s new in the CSS display property

The new display spec adds flow and flow-root values, and allows for setting inner layout (grid, flex, etc) as well as outer box type (inline, block), and more.

It might not be something we use much right away – but it still helps me understand all the power inside this one property.

Recent Videos

  1. Video post type

    Smashing Hour with Miriam Suzanne

    I joined Geoff Graham for a Smashing live stream to talk about CSS, web standards, music, and more!

    see all Video posts
  2. Video post type

    Web Development Is Theater

    I joined Den Delimarsky on the Work Item podcast to talk about my path as a developer – from building a website for my theater company, to building a career and a company around it. In this show, we talk about the power of the web, and how CSS is…

    see all Video posts
  3. Video post type

    Demystifying CSS Container Queries

    CSS Container Queries promise even more powerful styling approaches, but… what the heck are they? How do they actually work? Miriam joined Jason to teach and explore Container Queries in live code.

    see all Video posts