I created a CSS Flex generator which helps users understand flex containers better. This is the link - CSS Flex Generator
The inspiration came from the project, CSS Grid Generator created by
This project provides an easy means for creating CSS Flex containers for flexible layouts. It aids in the efficient understanding of the flex property and (soon) it would be able to generate codes. It was built with basic React by create-react-app
The project is at its 'first version' release. More work is still to be done on it.
Ever since the introduction of Flex and Grid Containers, layouts have become easy to create as they are also flexible.
This project provides an easy means for creating CSS Flex containers for flexible layouts It aids in efficient understanding of the flex property and (soon) it would be able to generate codes It was built with basic React by create-react-app
Goals for the project
- Make use of other elements in place of divs such as paragraphs, headers and pictures.
- Individual resizing of the elements instead of a general size
- Generate HTML and CSS Goals from the designed layout.
Contributions are highly welcomed as this project hopes to meet it's goals Also, ideas are welcomed which could be implemented on the project.
You could visit the repository on Github to know more about the project.
Contributions could be changes in the project or suggested ideas. They are all welcome.
Also, it's hacktoberfest, so why not contribute? 🤔
I look forward to your contributions.
Questions? Feel free to as them in the comment section. You could also reach out to me on twitter - @iamdillion.