Categories
Bookmarks

Flexbox30 Learn Flexbox with 30 Code Tidbits ✨

Learn Flexbox in 30 days with 30 code tidbits ✨

Topics

  1. Introduction
  2. Flex Container & Flex Items
  3. Immediate Child Only
  4. Flexbox Axes
  5. Flexbox Module
  6. Parent Properties
  7. Display
  8. block vs inline
  9. flex-direction
  10. flex-wrap
  11. flex-flow
  12. justify-content [row]
  13. space-around vs space-evenly
  14. justify-content [column]
  15. align-items [row]
  16. baseline
  17. align-items [column]
  18. align-content
  19. Child Properties
  20. order
  21. flex-grow
  22. flex-grow calculation
  23. flex-shrink
  24. flex-shrink calculation
  25. flex-basis
  26. flex-basis vs widths
  27. flex
  28. align-self
  29. Flexbox Properties
  30. Flexbox Cheatsheet

A summary of all 30 flexbox code tidbits

🎉 So excited to finally release the entire series. I’ve been posting these as daily tidbits on my social media. You can now binge and download all 30 tidbits all at once!

SOURCE
https://www.samanthaming.com/flexbox30/

Leave a Reply

Your email address will not be published. Required fields are marked *