minmax () padronizado como max
Eu tentei definirminmax()
para ogrid-template-rows
e, curiosamente, o resultado foi que as linhas de grade se estenderam ao máximo dominmax()
em vez de min.
Como poderíamos fazer com que as linhas da grade permanecessem no tamanho mínimo declarado e, posteriormente, se mais conteúdo fosse adicionado - a linha da grade seria expandida para o tamanho máximo declarado e não mais?
Aqui está um exemplo:
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>