CSS Flexbox Tool

CSS Flexbox Tool is a CSS flexbox playground and code generator tool. It's a tool for building layouts using CSS Flexbox.

Features

Edit properties of the flex container and flex container items.
Make custom styles to flexbox items.
Get the CSS code and copy them to your project.

Usage

Click on the flex container properties on the right to change them.
Click a flex item in the container to edit its styles.
Click on the "Get code" button to get the CSS code.

Live Demo

The live demo of CSS Flexbox Tool can be found at https://cssflexboxtool.netlify.app/

Technical Stack

HTML
CSS
JavaScript

Contributing

If you'd like to contribute to the development of CSS Flexbox Tool, you're welcome to do so! Just make a pull request and I'll review and merge it if everything is good to go.

License

CSS Flexbox Tool is open-source software licensed under the MIT license.