My swiper ion cards are stacked vertically, why?

Here is my simple code:

When I run the code I get a page where all the cards are stacked vertically on top of each other and makes it so there is no reason to swipe. I expected them to be lined up horizontally with only two showing and you would have to swipe right to see the rest.

Why does it look that way?