CSS Grid：移动文本，桌面除外

Question

考虑以下示例，第一个是预期的桌面外观，第二个是移动的外观。 （

您建议使用具有Twitter BS或Zurb Foundation等媒体查询的常见网格系统来实现这一目标吗？

Answer 1

有了基金会，我会做这样的事情：

<div class="row">
    <div class="small-12 medium-6">
        <div class="small-12">Title</div>
        <div class="small-12 show-for-small">IMG</div>
        <div class="small-12">Text</div>
    </div>
    <div class="small-6 hide-for-small">
        IMG
    </div>
</div>

但我必须把＆＃34; IMG＆＃34;两次。