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