How do I make my cards turn into columns

Kasakapen · September 21, 2021, 4:55pm

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

bbsmooth · September 21, 2021, 5:03pm

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.

Kasakapen · September 21, 2021, 5:05pm

https://website-project-1.nanakobi-genfi.repl.co/
sorry forgot the link

bbsmooth · September 21, 2021, 5:11pm

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

system · March 23, 2022, 5:11am

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