app\design\frontend\<Vendor_name>\<theme_name>\web\css\source\module\_listing_extend.less
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
// // Desktop (style-l.css) // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .page-products { .products-grid { .product-item { margin-left: 2%; padding: 0; width: calc(~'(100% - 4%) / 3'); &:nth-child(3n + 1) { margin-left: 0; } } } } } |