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
Francisco Inoque -
Karim Abdallah -
Juan Felipe Lujan -
John Vester -
Once suspended, arafat4693 will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, arafat4693 will be able to comment and publish posts again.
Once unpublished, all posts by arafat4693 will become hidden and only accessible to themselves.
If arafat4693 is not suspended, they can still re-publish their posts from their dashboard.
Once unpublished, this post will become invisible to the public and only accessible to Arafat.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag arafat4693:
Unflagging arafat4693 will restore default visibility to their posts.
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.
That's great! 🙌
rarely use space-around. It does not play nice with wrapping elements.
Raw link for it: dev-to-uploads.s3.amazonaws.com/up...