extra credit Search 85,062 technologies ⌘K Download for Mac

CSS Flexible Box Layout

Category
Language and platform specs
Docs outline
6 sections

Official docs outline

w3.org
  1. Flex containers

    display:flex and the flex formatting context.

  2. Flex items

    Flex item sizing and margin behavior.

  3. Flex direction and wrapping

    flex-direction, flex-wrap and flex-flow.

  4. Flexibility: flex-grow, shrink and basis

    The flex shorthand and flexible length resolution.

  5. Alignment

    justify-content, align-items, align-self and align-content.

  6. Flex layout algorithm

    Main size determination and line breaking.

Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.

All 33
↑↓ move ↵ open