Skip to content

A comprehensive and user-friendly tool for building CSS Flexbox-based layouts.

License

Notifications You must be signed in to change notification settings

prazzon/CSS-Flexbox-Tool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Flexbox Tool - Legacy

Legacy, visit https://flexboxlabs.netlify.com

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.

About

A comprehensive and user-friendly tool for building CSS Flexbox-based layouts.

Topics

Resources

License

Stars

Watchers

Forks