Hi, I'm newbie and I've just started to use Sass version of Foundation site for my new project a week ago.
I want to know if there is a way I can transform my content layout depending on the device size as below.
Small device - Media Object
Large device - Card Layout
Right now, I've only coded for card layout like below.
<section class="cell card"> <div class="card-image"> <img src="assets/img/1x/user-ss-01.jpg" alt=""> </div> <div class="card-section"> <h3 class="company">Company A</h3> <p class="information">Some cool texts about this company.</p> </div> </section>
Suppose it cannot be done by adding classes to the tags.
I'm not sure how but maybe using SCSS mixins inside media query on a custom class?