Flexbox and Animation Sandbox with Tailwind CSS
An application designed to help you learn and experiment with CSS flexbox layouts, basic animations, and more, using React and Tailwind CSS. It is recommended to use it alongside the official Tailwind CSS documentation available at https://tailwindcss.com/docs
Link
[Visit the sandbox] https://learn-css-jh.netlify.app/
Features
- Flexbox
- Positioning
- Basic transitions
- Basic animations
Each feature contains examples to help you get started.
Usage Instructions
- A square rounded button indicates that multiple buttons in the same row can be selected.
- A more rounded button indicates that only one button in the same row can be selected.
- Click the 'reset' button to deselect all buttons in the same row.
Video Demonstration
https://github.com/jasonhui1/Tailwind-CSS-Learning-Sandbox-Explore-CSS-Flexbox-and-Animations/assets/61057573/0f92d3e7-98d0-48fd-881f-4b8779dd0be9