我刚发现很多帖子，但没有一个显示有效的明确答案：当用户是桌面时，如何连续显示3个项目并在移动设备中垂直堆叠？
我认为这是可能的，没有产品网格的黑客攻击（但产品是逐行显示的），可能我可以使用类似的东西来获得相同的结果。
我创建了这个示例，它可以在桌面显示3个项目，并连续显示2个，另一个显示1个。这与我想要的很接近：
<ul class="products-grid products-grid--max-4-col first last odd">
<li><img alt="" src="http://192.241.128.153/media/wysiwyg/index/pencil.jpg" />
<div class="product-info" style="min-height: 167px;">
<h2>Assine</h2>
</div>
</li>
<li><img alt="" src="http://192.241.128.153/media/wysiwyg/index/pencil.jpg" />
<div class="product-info" style="min-height: 167px;">
<h2>Vote</h2>
</div>
</li>
<li><img alt="" src="http://192.241.128.153/media/wysiwyg/index/pencil.jpg" />
<div class="product-info" style="min-height: 148px;">
<h2>Receba</h2>
</div>
</li>
</ul>
谢谢！