Hello, this project was inspired by the playground page in Facebook's yoga project. The project only includes the playground and provides facilities for flex training and prototype design.
The relevant project can be accessed on Vercel servers via the url given. External link to vercel
In this project, which provides a no-code playground about the CSS Flex feature, the structures that are expected to be established with the flex structure can be created through the interface. In general, the project consists of home page and playground page. The features that are planned to be added are specified in the Future Request heading below.
The homepage of the relevant project can be seen below.
For example, new nodes can be added to the root node and settings such as padding can be made as follows.
As another example, the application of adding nested nodes and adjusting the height is shown below.
The features that are planned to be added in the future are listed under general headings below.
- Documentation
- Unit Tests
- Logo Regenerate
- Recoding of HomePage on mobile
For any problem, please contact me via findokan@gmail.com.