Я получил что-то, что пошло ужасно неправильно в моем макете, у меня есть 2 сетки, 1 основная и 1 вложенная, проблема в том, что я пытаюсь сделать страницу 100vh, это не вступает в силу, в последней и первой строке много пустых пробел в них,
я думаю, что вложенная сетка работает как положено, внешняя - нет.
основная сетка:
main {
display: grid;
grid-template-columns: repeat(12, 1fr);
/* grid-auto-rows: minmax(100px, auto); */
grid-template-rows: 1fr;
grid-gap: 1rem;
grid-template-areas:
"nav nav nav nav nav nav nav nav nav nav nav nav"
". . . . . . . . . . . ."
". user user products products products products products products products products ."
". user user products products products products products products products products ."
". admin admin products products products products products products products products ."
". admin admin products products products products products products products products ."
". footer footer footer footer footer footer footer footer footer footer .";
}
полный код: https://jsfiddle.net/3fqtLb01/