Dev-Mo
Published in : 2022-02-10
Flex Box last column break to the next row
I have a section which contains 3 cards. I gave the section tag a display flex property accompanied by a flex wrap. The issue is when I go into the tablet size the third card goes to the next line on the left side. I want it to be centered to be a little bit more symmetrical design. Can anyone help me with that?
Comments
Join us
Join our community and get the chance to solve your code issues & share your opinion with us
Sign up Now
Joseph Morgan Date : 2022-02-10
Best answers
11
Best answers
11
You can set width: 33.3%; to each column, this is the best way & also add flex: 1; to the wrapper div like the code below