Fazendo o tutorial vi o texto ficou justificado, porém as fontes ficaram grandes demais. Não consigo localizar o erro,
Alguém poderia ajudar?
Obrigado
.populares {
padding: 3rem 0;
}
.populares__conteudo {
display: flex;
flex-wrap: wrap;
grid-area: conteudo;
padding: 1rem 0rem;
}
.populares__card{
background-color: #fdfdfd;
display: grid;
grid-template-areas:
"card-imagem"
"card-corpo";
grid-template-columns: 100%;
margin-right: 1rem;
grid-template-rows: 173px auto;
width: calc(20% - 1rem);
}
.populares__card___imagem {
grid-area: card-imagem;
height: 100%;
width: 100%;
}
.populares__card___corpo {
display: grid; /* grid dentro de 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.5 rem;
}
.populares__card___data {
color: #808080;
font-size: 0.9rem;
}
.populares__card___descricao {
color: #333333;
line-height: 1.5;
margin: 1rem 0;
text-align: justify;
}