Я пытаюсь стилизовать свою игру в тетрис с помощью сетки CSS. Я хочу сделать следующее.
- Сохраняйте соотношение сторон сетки (чтобы получился красивый квадрат) при изменении размера контейнера.
- Сделайте верхнюю строку тоньше ( например, показывать только нижнюю часть ячейки блока) ширина элементов).
И вот в чем проблема. При изменении ширины границы тонкой (высота менее 100%) ячейки ее высота также изменяется. Я хочу, чтобы высота не менялась.
Нажатие кнопки переключателя в этом коде покажет проблему, о которой я упоминал. https://codepen.io/quirky_maxwell/pen/pojpRYe
Я хочу знать, почему это происходит и как правильно это делать.