Durante o desenvolvimento de um sistema de gestão tributária estadual, a equipe decidiu utilizar CSS Grid para criar um layout responsivo. Na página HTML, há o seguinte bloco de código:
<div class="grid-container">
<nav>Menu Lateral</nav>
<main>Conteúdo Principal</main>
</div>
No arquivo CSS para a página, há o seguinte bloco de código:
.grid-container {
display: grid;
I
grid-template-rows: auto auto;
grid-template-areas:
"menu content";
height: 100vh;
}
Para que a área principal de conteúdo (main) ocupe duas vezes o espaço do menu lateral (nav) em telas maiores, a lacuna I deve ser preenchida pela instrução