How do I make my cards turn into columns

I tried display flex, column, and made the width: 100%, but none of them seem to work… well it works but then, it turns to this:

I am trying to make it like this:

Thanks in advance

I think we need to be able to see what you have done in order to help the best. Link please?

If each card is a block level element, such as a div, then they should line up on top of each other naturally and you shouldn’t need to do anything special to get this arrangement. It’s when you want to put them side-by-side that you need some CSS magic.
sorry forgot the link

I’d take a look at the width you are placing on each card.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.