Pular para o conteúdo principal

Questão de TI - Desenvolvimento de Sistemas — CSS — INSTITUTO AOCP 2024

TI - Desenvolvimento de SistemasCSS
Código
qa631204
Banca
INSTITUTO AOCP
Órgão
TRF 2
Ano
2024
Cargo
TJ TRF2
Analise o seguinte código CSS e assinale a alternativa correta.   .container {    display: grid;    grid-template-columns: repeat(3, 1fr);    grid-template-rows: auto;    gap: 10px; }   .item {    background-color: lightblue;    border: 2px solid darkblue; }   .special-item {   grid-column: 1 / 3;   grid-row: 1 / 2; }
  1. AO “.special-item” ocupará duas colunas e uma linha dentro do grid.
  2. BO “.container” utiliza o modelo de layout flexbox para distribuir os itens em três colunas.
  3. CO “grid-template-columns: repeat(3, 1fr);” cria três colunas de largura fixa.
  4. DA propriedade “gap: 10px;” adiciona um espaço de 10 pixels apenas entre as colunas.
  5. EO “.item” ocupará a posição definida pelo atributo “grid-area”.
Revelar gabarito e comentário

GabaritoA — O “.special-item” ocupará duas colunas e uma linha dentro do grid.

Link permanente: /questoes/qa631204