Эти два вместе должны достичь желаемого эффекта.
ался установитьminmax()
дляgrid-template-rows
и что достаточно интересно, результатом было то, что ряды сетки простирались до максимумаminmax()
вместо мин.
Как сделать так, чтобы строки сетки оставались с минимальным объявленным размером, а позже, если будет добавлено больше контента - строка сетки будет расширена до максимального объявленного размера, а не больше?
Вот пример:
body {
background: gray;
border: solid black 1px;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: minmax(50px, 150px);
}
aside {
border-right: solid 1px red;
}
aside.homepage {
background: blue;
}
<aside></aside>
<aside class="homepage">
<header></header>
<main></main>
<footer></footer>
</aside>
<aside></aside>