Уменьшить пространство в GridLayout

Question

У меня есть компонент с 1 сеткой

<GridLayout class="gridDate" columns="auto, auto" > И в этой сетке у меня есть 2 элемента. Конечно, каждый элемент занимает полное место в столбце, но элемент настолько велик, что я уменьшаю их примерно так transform: scale(0.7); для обоих. Но моя проблема в том, что между ними есть пробел, и я хотел бы знать, как я могу с ними справиться (например, я хотел бы переместить пункт 2 в левую часть второго столбца.

С уважением и извините за мой Engli sh.

Answer 1

Я сделал что-то подобное с columns="*, *" и полем 0 на красной части (

background-color: red;
transform: scale(0.7);
margin-left: 0px;```
 but 0 changes 
[Image of Gridlayout with components][1]


  [1]: https://i.stack.imgur.com/r2JHF.jpg

Answer 2

columns="*,*" займет всю ширину экрана, которую затем можно настроить с помощью css полей и стиля заполнения.