I created this CSS flexbox visual representation🤯
Do Like ❤️ & Share your feedback 🙌
Visit:
👨💻My Portfolio
🏞️My Fiverr
🌉My Github
🧙♂️My LinkedIn
Thanks for your support 💯
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (15)
Great visual cheat sheet!
There is also a nice extension called Flexo. This extension is easy to use, allowing you to create grids and columns while experimenting with all flexbox properties. Flexo will generate CSS code that you can seamlessly incorporate into your project.
Nice cheat sheet :-D
Hi Arafat, I really like your crib sheet. Any chance you can do one on CSS grid now?
Regards, Tracy
Really nice cheat sheet! Thanks
Thrilled to hear that you found the cheat sheet helpful. Keep up the great work and happy learning!
The flex-direction row would be clearer if you made the length of the boxes in the main axis all different so they didn't look so much like grids.
LOVE this. NEED this.
Though there's two
centers inalign-content. I assume it's supposed to bestretch?Thanks for letting me know. Now It's fixed😊
Nice brief cheat sheet. Thanks
Great illustration!
Really helpfull, every single part of 12. Thanks.