«<div class="grid"> <div class="left">Левая</div> <div class="right…» — PurpleSchool

<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; } /* среднего блока просто нет */

16:41