Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida sobre o desenho do template-area

No código do exercício a professora desenhou a área do grid da seguinte forma:

    grid-template-areas:
    "img img"
    "nome nome"
    "data data"
    "local btn";

Porém, olhando no desenho, os espaços da segunda coluna da segunda e terceira linhas não estão ocupados, são espaços vazios.

Imagem do desenho do template disponibilizado na aulaConsiderando os espaços em branco, queria saber porque não foi escrito utilizando "." no lugar desses espaços e se seria correto escrever assim:

 grid-template-areas:
 "img img"
 "nome ."
 "data ."
 "local btn";
1 resposta
solução!

Olá, Dara! Como vai?

Ótima pergunta!

Nesse caso, a ideia era que a imagem, o nome e a data ocupassem uma linha inteira, e que o local e o botão ocupassem a mesma linha. Por isso, nos espaços "em branco" foi utilizado "nome" e "data" ai invés de algo que representasse realmente um espaço vazio.

Espero ter ajudado. Fico à disposição!

Abraço!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!