Skip to content
This repository was archived by the owner on Mar 16, 2026. It is now read-only.
This repository was archived by the owner on Mar 16, 2026. It is now read-only.

flex-direction #601

@oldoc63

Description

@oldoc63
  • flex containers have two axes: a main axis and a cross axis.
  • By default, the main axis is horizontal and the cross axis is vertical.
  • The main axis is used to position flex items with the following properties:
    justify-content
    flex-wrap
    flex-grow
    flex-shrink
  • The cross axis is used to position flex items with the following properties:
    align-items
    align-content
  • The main axis and cross axis are interchangeable. We can switch them using the flex-direction property.
  • If we add the flex-direction property and give it a value of column, the flex items will be ordered vertically, not horizontally.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions