CSS 25 💻 flex-direction and flex-wrap properties

a - flex-direction property

    flex-direction sets the direction of the main axis
    It also sets the direction, normal or reverses
    values → row, row-reverse, column, column-reverse
    flex-direction: row; → sets the main axis to row and normal direction(default)
    flex-direction: column; → sets the main axis to column and normal direction
    flex-direction: row-reverse; → sets the main axis to row and reverse direction


b - flex-wrap property

    flex-wrap wraps or unwraps the items when they exceed the container's size
    values → nowrap, wrap, wrap-reverse
    wrap → forces the items onto multiple lines
    nowrap → forces the items onto one line(default)
    wrap-reverse → like wrap but start and end are inverted
    flex-wrap: nowrap; → sets to nowrap
    flex-wrap: wrap; → sets to wrap
    flex-wrap: wrap-reverse; → sets to wrap and reverse

---

Stop using slow, ad-bloated tool sites! 🤮

🔎 Search “KandZ Tools” on Google to use many professional utilities for free.

KandZ.me is the ultimate minimalist hub for:
✅ Finance (Mortgage, Interest, Inflation)
✅ Tech (Base64, JSON, Dev Suite, IP)
✅ Health (BMI, BMR, TDEE)
✅ Productivity (Timer, Workspace, QR)

⚡️ Fast & Private
🔒 No data leaves your device
💎 100% Free

🔗 Use it now: https://tools.kandz.me
🔖 Bookmark it—you’ll need it later!