Menu icon Foundation
Horizontal Cards?

Is there a way with foundation classes to make horizontal cards (like that in Materializecss v 0.98) that will flip into vertical cards on different viewports? For example, a horizontal card on small screens (with a picture on left, and on right the .card-divider and .card-section stacked) that will then become a typical card component on medium and large screens?

cardssites

Is there a way with foundation classes to make horizontal cards (like that in Materializecss v 0.98) that will flip into vertical cards on different viewports? For example, a horizontal card on small screens (with a picture on left, and on right the .card-divider and .card-section stacked) that will then become a typical card component on medium and large screens?

Rafi Benkual over 2 years ago

There isn't a class per-se but doing it is pretty strait forward. I'm using flex-box properties to set it up like this:

http://codepen.io/rafibomb/pen/ryMqwy