css flex

Community feedback

• 

  Mahmood•1,450

  @MahmoodHashemPosted 4 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on finishing the challenge! ✅

  Your project looks awesome!

  Learning flexbox in the traditional manner is challenging and requires practice. Therefore, I have a few recommendations for learning flexbox in a simpler way:

  1. Understand the Basics of Flexbox :

  • Start by understanding the core concepts of Flexbox, such as the main axis, cross-axis, flex containers, and flex items.
  • Learn the different Flexbox properties and how they affect the layout of elements.

  2.Visual Representation of Flexbox :

  • Use interactive visual tools and sandbox environments to experiment with Flexbox properties and see the immediate results.
  • Some helpful resources for this are:
    • Flexbox Froggy - A fun and interactive game to learn Flexbox.
    • Flexbo Zombies Another fun and interactive game to learn Flexbox.
    • CSS-Tricks' A Complete Guide to Flexbox - A comprehensive guide with visual examples.
    • Flexbox Playground - An interactive playground to test Flexbox properties.
    • Flexbox Cheatsheet

  3.Explore Advanced Flexbox Properties :

  • Once you have a good grasp of the fundamental properties, dive into the more advanced Flexbox properties, such as flex-wrap, flex-grow, flex-shrink, and align-self.
  • Understand how these properties can be used to create more complex and responsive layouts.

  4.Practice, Practice, Practice :

  • The best way to learn Flexbox is to practice it. Create simple layouts and experiment with different Flexbox property combinations.
  • Start with simple layouts and gradually build up to more complex designs.
  • Use real-world examples or coding challenges to practice your Flexbox skills.

  Hope you find this useful!

  keep up the hard work

  0