Pular para o conteúdo principal

Questão de TI - Desenvolvimento de Sistemas — CSS — FCC 2025

TI - Desenvolvimento de SistemasCSS
Código
fc150485
Banca
FCC
Órgão
CGE PI
Ano
2025
Cargo
Aud Gov ( )

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

  1. Agrid-template-columns: 1fr 2fr;
  2. Bgrid-template-columns: 1x 2x;
  3. Cgrid-template-columns: 2fr 1fr;
  4. Dgrid-template-columns: single double;
  5. Egrid-template-columns: auto auto;
Revelar gabarito e comentário

GabaritoA — grid-template-columns: 1fr 2fr;

Link permanente: /questoes/fc150485