CSS Performance: contain, content-visibility, and Rendering Cost Control
How to reduce rendering cost with modern CSS tools: containment, content-visibility, and avoiding expensive effects that trigger heavy paint/layout.
Practice
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
11 articles · page 1 of 2
How to reduce rendering cost with modern CSS tools: containment, content-visibility, and avoiding expensive effects that trigger heavy paint/layout.
clamp(), container queries, :has(), logical properties, and modern layout utilities.
How positioning works, stacking contexts, and what trips people up in interviews.
The interview classic: centering with flexbox, grid, absolute positioning, and margin auto.
Keyboard navigation, focus management, ARIA basics, and common accessibility mistakes.
How to build layouts that work across devices; practical breakpoint strategy.
Grid tracks, fr units, areas, and when Grid beats Flexbox.
Flex container vs items, main/cross axis, and alignment properties that interviewers ask about.
Content, padding, border, margin; box-sizing; and how it affects layout calculations.