This carousel is not as easy as you might see, here is the
tricky part. In order to make the website responsive, we'll use
flexbox so display: flex; now everything is responsive
but your layout will shrink your cards in order to fit them inside
so you can use flex-wrap: wrap; now the carousel will
adjust in order to fit all elements without shrinking them but I want
a max height for the carousel container. So the problem is as follows,
if I set an arbitrary max-height: 230px; for the
container, if the cards need more space, they will overflow vertically
but I need them to overflow horizontally.I'll revisit
this later
Update>While waiting for better approach I'll just use width * 6 to force horizontal overflow