1---
2---
3<div class="product-grid">
4 <slot />
5</div>
6
7<style>
8 .product-grid {
9 display: grid;
10 grid-template-columns: repeat(3, minmax(0, 1fr));
11 gap: 18px;
12 max-width: 1180px;
13 margin: 0 auto;
14 }
15 @media (max-width: 980px) {
16 .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
17 }
18 @media (max-width: 640px) {
19 .product-grid { grid-template-columns: 1fr; }
20 }
21</style>