Layout CreatedMar 13, 2026UpdatedApr 24, 2026Takeshi TakatsudoCSS layout techniques: Flexbox, Grid, positioning, spacing, sizing, and composition strategies. Flexbox & GridCore 1D and 2D layout engines: Flexbox patterns, Grid patterns, subgrid alignment, and gap vs margin for spacing.PositioningPlacing and stacking elements: centering techniques, the position property, stacking context and z-index, and anchor positioning.SizingControlling element dimensions: intrinsic sizing keywords, aspect-ratio, clamp() for fluid scaling, and logical properties for i18n-safe layouts.SpecializedTargeted techniques for specific layout problems: object-fit for media, multi-column text flow, negative-margin breakout, and table cell width control. Next Flexbox Patterns