https://github.com/foyez/flexbox
Flexbox at a glance
https://github.com/foyez/flexbox
Last synced: 9 months ago
JSON representation
Flexbox at a glance
- Host: GitHub
- URL: https://github.com/foyez/flexbox
- Owner: foyez
- Created: 2021-06-09T16:59:50.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-20T03:22:22.000Z (about 4 years ago)
- Last Synced: 2025-02-05T00:31:45.711Z (11 months ago)
- Homepage:
- Size: 123 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flexbox
## What is flexbox?
- it makes easy to align elements to one another, in different direction
- replaces float layouts, using less and more readable and logical code
- uses in one directional layouts
## Main flexbox concepts
Flexbox Structure
Flexbox Cheatsheet
```
flex-direction: row; // main-axis - horizontal, cross-axis - vertical
flex-direction: column; // main-axis - vertical, cross-axis - horizontal
justify-content - define main axis
align-content - define cross axis
```
- **`align-content`:** [ref](https://css-tricks.com/almanac/properties/a/align-content/)