🔹Legacy Layouts (Old but still useful in some cases)
Floats + ClearfixClick for details
Positioning (absolute / relative / fixed)Click for details
🔹 Most Used Modern Layouts
CSS GridClick for details
Responsive Units (% , vh , vw , rem)Click for details
Media QueriesClick for details
🔹 Advanced / New Layout Features (2023–2025)
Container QueriesClick for details
Container Units (cqw, cqh)Click for details
CSS Logical PropertiesClick for details
Multi-column LayoutClick for details
CSS Regions (experimental)Click for details
CSS Anchor PositioningClick for details
🔹 Less Used but Powerful
Writing Modes (Vertical Text)Click for details
Aspect-ratio + Grid/FlexClick for details
Scroll SnapClick for details
CSS ShapesClick for details
×
Tag Name
History & Modern Use
Example Code (Editable)