Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Minha descrição está colada

Ou seja parece que não tem margem e não sei o que tem de errado:

.populares__card__corpo { display: grid; grid-area: card-corpo; grid-row-gap: .5rem; grid-template-areas: "card-cabecalho" "card-conteudo"; grid-template-rows: 50px auto; padding: 0.75rem; }

.populares__card___titulo { color: #333333; font-size: 1.5rem; }

.populares__card___data { color: #808080; font-size: .9rem; }

.populares__card___descricao { color: #333333; line-height: 1.5; margin: 1rem 0; text-align: justify; }

.populares__titulo { font-weight: 500; }

.populares__icones { margin-right: .25rem; }

.populares__cabecalho { border-bottom: 1px solid #dcdcdc; display: flex; justify-content: space-between; }

.populares__botao { background: transparent; border: none; color: #333333; }

2 respostas
solução!

Olá Amanda tudo bem?

Nesta classe .populares__card__corpo houve apenas uma pequena diferença do código do professor, no seu código estão duas vezes o underline (__) (.populares__card__corpo) entre card e corpo, já o professor coloca três vezes o underline (___) (populares__card___corpo ):

Comparando os códigos:

  • Seu código

    .populares__card__corpo { 
      display: grid; 
      grid-area: card-corpo; 
      grid-row-gap: .5rem; 
      grid-template-areas: "card-cabecalho" "card-conteudo"; 
      grid-template-rows: 50px auto; 
      padding: 0.75rem; }
  • Código do professor com três vezes o underline (___)

.populares__card___corpo {
    display: grid;
    grid-area: card-corpo;
    grid-row-gap: .5rem;
    grid-template-areas: 
        "card-cabecalho"
        "card-conteudo";
    grid-template-rows: 50px auto;
    padding: .75rem;
}

Espero ter ajudado, Amanda

Até mais

Sim muito obrigada Gabriela