api: "YAML JSON TOON Database"
version: 1.0.0
format: json
dataset:
  id: 15
  slug: css-layout-systems
  title: "CSS Layout Systems Reference"
  description: "Modern CSS layout systems: Flexbox, CSS Grid, Multi-column, Positioning, and Container Queries with specifications and use cases."
  category: "Web Technologies"
  category_slug: web-technologies
  tags: "css,layout,web,frontend,responsive"
  view_count: 0
  created_at: 1777673262
  updated_at: 1777673262
data:
  systems
    [6]{name,spec,axis,use_case,browser_support}:
      Flexbox,"W3C CSS3",One-dimensional,"Navigation bars, centering, equal-height columns","All modern browsers"
      "CSS Grid","W3C CSS3",Two-dimensional,"Page layouts, card grids, dashboards","All modern browsers"
      "Float-based Layout",CSS2.1,Legacy,"Text wrapping around images (deprecated for layout)","All browsers"
      Positioning,CSS2,Absolute/Relative,"Overlays, modals, fixed headers","All browsers"
      Multi-column,"W3C CSS3",One-dimensional,"Magazine-style text layouts","All modern browsers"
      "Container Queries","W3C CSS Containment Level 3",One-dimensional,"Component-level responsive design","Chrome 105+, Safari 16+, Firefox 110+"