How to not justify a grid element?

Question

css

Here's what happened to me

And here's how to

For Parent Block used this code

display: grid;
grid-template-columns: auto auto;
grid-column-gap: 12px;
grid-row-gap: 12px;

All inner elements with the same padding padding: 15px 8px;

What is the correct way to make it so that the width was inline in width.
And in general it is possible to do this without nth: child, as in the example.
It seems to me that the designer overdid

it. Flex is possible, but he is interested in grids)

Answer 1

flex flex-wrap: wrap is needed here