.gallery {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(250px, max-content));
}
.gallery__item {
width: 300px;
max-width: 100%;
}
$breakpoints: (phone: 320px, tablet: 768px, desktop: 1024px);
@include media(">phone", "<=tablet") {
width: 50%;
}