OddBird

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 its 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.

Miriam Suzanne is a product lead, user-experience designer, writer, speaker, and open source developer.


Miriam presenting

Resilient Web Training & Consulting

Take full advantage of the universal web, and reduce maintenance over the long term with resilient HTML, CSS, and JS systems. OddBird provides custom consulting and in-depth trainings on front-end architecture and workflow – from advanced HTML/CSS to integrated design systems, component libraries, testing, and documentation.

Contact us for 1-3 day workshops with Miriam Suzanne, or custom web app creation with our team of Python, UX, and front-end experts.

Schedule a call with Miriam