Tag: Web Development

Design hover affordances that also have focus-visible equivalents.

Control how items grow/shrink with flex shorthand properties.

Build two-dimensional layouts with CSS Grid.

Define a grid formatting context with display: grid.

Create tracks with grid-template-columns/rows and repeat/minmax.

Space grid tracks with gap / row-gap / column-gap.

Name regions with grid-template-areas for readable templates.

Allow flex items to wrap onto multiple lines.

Space flex/grid children with gap (no margin hacks).

Set main axis with row, column, and reversed variants.