Нужно сделать столбец сетки CSS более узким, чем другие?

Question

Как сделать столбец сетки CSS более узким, чем другие?Этот столбец заполнен на всю левую сторону моей страницы, и я попытался сузить его с помощью width: 10%, и он становится уже, однако между оставшимся теперь суженным столбцом и следующим остается пустое пространство, которое бызаполнить столбец, если бы я установил width: 100%.Мой вопрос: как мне избавиться от этого места?То же самое касается строк.

.bodycontainer {
display: grid;
background-color: rgba(0,0,0,0);
width: 100%;
height: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: auto auto auto;
margin-top: 1.5%;}

.container1 {
height: 100%;
grid-row-start:1;
grid-row-end:3;
width:30%;
background-color: rgba(0,0,0,1);}

.container2 {
background-color: blue;
grid-column-start: 2;
grid-column-end: 5;
width: 100%;
height: 20%;}

.container1 должен быть боковой панелью

Answer 1

Я вроде решил это. Видимо проблема была в том, что grid-template-columns: auto auto auto; из тела контейнера. Изменил его на grid-template-columns: 100px 30% 20%;, и кажется, что я могу играть по желанию с этими размерами.