Instruções

Passo 35

A revista terá três seções primárias. Você já definiu o layout geral na regra main, mas pode ajustar o posicionamento nas regras dos elementos filhos. Uma opção é a propriedade grid-column, que é a propriedade abreviada de grid-column-start e grid-column-end. A propriedade grid-column informa ao item de grade em qual linha de grade começar e terminar. Crie uma regra .heading e defina a propriedade grid-column como 2 / 3. Isso dirá ao elemento .heading para começar na linha de grade 2 e terminar na linha de grade 3.

O que fazer:

Testes:

  • Você deve ter um seletor `.heading`.
  • O seletor `.heading` deve ter a propriedade `grid-column` definida como `2 / 3`.

Preview