CSS & Layout
Layout, selectors, responsive design, and visual effects
How-To Guides
Why position sticky isn't sticking
A sticky element needs an inset and a scrolling ancestor with no overflow other than visible in between.
stickypositionoverflowscrollheader
Stop a flex or grid child from overflowing its container
Set min-width: 0 on the child that refuses to shrink.
flexboxgridoverflowmin-widthtruncation
Responsive grid columns with auto-fit or auto-fill
Use auto-fit for a row of cards that should fill the width.
gridauto-fitauto-fillresponsiveminmax