Почему не получается переместить объект с помощью justify-self?

Norum, в первой колонке квадрат 200px в 3й аналогично а между ними колонка авто она занимает все остальное пространство так наши квадраты всегда прижаты к краям

Почему не получается переместить объект с помощью justify-self?

Tempest99, если по очень простому .... например нам нужно 4 квадрата 200px роскидать по углам родителю даем

display: grid;
grid-template-columns: 200px auto 200px ;

(создаем 3 колонки 1я слева 200px 2я занимает все свобод пространство 3я справа 200px)

grid-template-rows: 200px 200px ; ( также нам нужно 2 ряда) по 200

а наши элементы уже ставим по сетке например синий квадрат стартует с первой линии колонки заканчивается вторым и ряд так же

background-color: blue;
grid-column: 1/2 ;
grid-row:1/2;