InstruçÔes

Passo 38

Agora vocĂȘ pode estilizar o conteĂșdo do elemento .heading com CCS Grid. A função CSS repeat() Ă© usada para repetir um valor, em vez de escrevĂȘ-la manualmente, e Ă© Ăștil para layouts de grade. Por exemplo, definindo a propriedade grid-template-columns para repeat(20, 200px) criaria 20 colunas a cada 200px de largura. DĂȘ ao elemento .heading uma propriedade de grid-template-columns definida como repeat(2, 1fr) para criar duas colunas de igual largura.

O que fazer:

Testes:

  • O seletor `.heading` deve ter a propriedade `grid-template-columns` definida como `repeat(2, 1fr)`.

Preview