Как правильно задать grid?

Question

[nvdfxx]

Как сделать, чтобы высота элемента была равной ширине? Ширина задается как 1fr

Песошница

Answer 1

[Vyach Gor]

через свойства гридов вроде никак, а так - я бы что то типо такого применял https://codepen.io/sharnirio/pen/mZOyKg

Answer 2

[nvdfxx]

методом научного перебора для grid-gap: 15px и padding: 15px для body получилось

grid-template-columns: repeat(4, calc(25vw - 19px));
grid-auto-rows: calc(25vw - 19px);

что не выглядит красивым решением