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