CSS Grid：文本中的移动设备，除了桌面设备

Question

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

对于使用带有媒体查询（如 twitter BS 或 Zurb Foundation）的通用网格系统来实现这一目标，您有何建议？

Answer 1

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

<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>

但我必须输入两次“IMG”。