2DS_FRONT_END_Fundamentos do Layout em Grid

Qual é a propriedade CSS usada para definir o layout de grade em um contêiner?

• display: block

• display: grid

• display: flex

• display: inline

Qual propriedade CSS é usada para definir o número de colunas em um layout de grade?

• grid-template-rows

• grid-template-columns

• grid-column-gap

• grid-row-gap

Qual propriedade CSS é usada para definir o número de linhas em um layout de grade?

• grid-template-rows

• grid-template-columns

• grid-row-gap

• grid-column-gap

Qual das seguintes opções define uma grade com três colunas de tamanhos iguais?

• grid-template-columns: 1fr 2fr 1fr;

• grid-template-columns: repeat(3, 1fr);

• grid-template-columns: 100px 200px 100px;

• grid-template-columns: auto auto auto;

Qual das seguintes opções define uma grade com duas linhas, onde a primeira linha tem o dobro do tamanho da segunda?

• grid-template-rows: 2fr 1fr;

• grid-template-rows: 1fr 2fr;

• grid-template-rows: 1fr 1fr;

• grid-template-rows: auto auto;

Qual propriedade CSS é usada para definir o espaço entre as colunas em um layout de grade?

• grid-row-gap

• grid-column-gap

• grid-gap

• grid-template-columns

Qual propriedade CSS é usada para definir o espaço entre as linhas em um layout de grade?

• grid-row-gap

• grid-column-gap

• grid-gap

• grid-template-rows

Qual das seguintes opções define uma grade com um espaçamento de 10px entre linhas e colunas?

• grid-gap: 10px;

• grid-column-gap: 10px; grid-row-gap: 10px;

• grid-template-columns: 10px; grid-template-rows: 10px;

• grid-gap: 10px 10px;

Qual das seguintes opções define uma grade com quatro colunas, onde a primeira e a última têm 100px e as duas do meio têm tamanhos iguais?

• grid-template-columns: 100px 1fr 1fr 100px;

• grid-template-columns: 1fr 100px 100px 1fr;

• grid-template-columns: 100px auto auto 100px;

• grid-template-columns: 1fr 1fr 1fr 1fr;

Qual das seguintes opções define uma grade com três linhas, onde a segunda linha tem 200px e as outras duas têm tamanhos iguais?

• grid-template-rows: 1fr 200px 1fr;

• grid-template-rows: 200px 1fr 1fr;

• grid-template-rows: 1fr 1fr 200px;

• grid-template-rows: auto 200px auto;