Difference between flex-direction:column and flex-wrap:wrap?

if both are working same then why are two different property in css?

1 Like

Hi nagesh28katke,
Thank you for such a good question! We’ll get back to you with a solution shortly.

1 Like

The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines.
And in flex-direction :column The flex container’s main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.
Please see this example for better understanding.
(https://codepen.io/Athira231996/pen/ZEjGqMW)

2 Likes