I recently accepted a teaching position at a local college here in SoCal where I’ll be spouting off whatever I know (or more likely don’t know!) about HTML and CSS. It’s suffice to say I was all ears (well, actually eyes) when Rachel Andrew recently published a post on teaching CSS.
The display
property is a core piece to understanding the layout possibilities of CSS, particularly, as Rachel points out, the outer value (block
and inline
) and the inner formatting context (coming in grid, flex and normal flow varieties). Understanding that difference is what led to my personal CSS “A-ha!” moment.
That’s why I’m so glad to see Rachel publish the slides from her presentation at An Event Apart in San Francisco this month.
We’re talking 114 slides of pure box-y goodness! Pay close attention to slides 37-42 because they cover information on the refactored two-value display
syntax.