https://github.com/dijs/flex

Flex Grid Generator
https://github.com/dijs/flex

Last synced: about 2 months ago
JSON representation

Flex Grid Generator

• Host: GitHub
• URL: https://github.com/dijs/flex
• Owner: dijs
• Created: 2019-06-27T12:30:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T01:15:28.000Z (about 2 years ago)
• Last Synced: 2023-03-24T04:31:13.331Z (almost 2 years ago)
• Language: JavaScript
• Size: 8.91 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 29
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
For those of you who have always had difficulty organizing your content with CSS, this tool is for you!

The not-so-new `flexbox` layout [supported](https://caniuse.com/#feat=flexbox) by all modern browsers is quite the step up from the old days of tables or `float` + `margin`. Although it is powerful and _flexible_, it has a bit of a learning curve.

This tool gives you the ability to visually create a flexbox layout and learn some of the common rules relating to `flexbox`.

Check out the [tool](https://dijs.github.io/flex/)

There are a few built-in example layouts to use, or you can start from scratch.

You can configure the **container** and **item** properties separately and learn what each property is for by focusing on it.

When your layout is finished, you can copy the generated source code to your own project code and fine tune as you like.