28 февраля 2026
Eva KerriganГриды я до сих пор не знаю и не понимаю. Да и надо ли уже.
Я в них знаю только базу. Как сделать колонки и строки и гэп расставить.
А все эти минамах, спан и эриа. Не очень
@mixin grid($size, $gap) {
display: grid;
grid-template-columns: repeat(auto-fill, minmax($size, 1fr));
gap: $gap;
}
<div class="grid">
<div class="left">Левая</div>
<div class="right">Правая</div>
</div>
css
.grid {
display: grid;
grid-template-columns: 362px 300px;
justify-content: space-between; /* растащит по краям */
gap: 1rem; /* если нужен зазор между ними */
}
Либо используйте Flexbox, он проще для такой задачи:
css
.container {
display: flex;
justify-content: space-between;
gap: 1rem;
}
.left { width: 362px; }
.right { width: 300px; }
/* среднего блока просто нет */
ИринаЯ думала, если использовать tw, то больше css не надо
не надо , но можно . они потом все равно в один css попадают