@Edu-213
Posted
Para melhorar o CSS e torná-lo o mais próximo possível do design desejado, considere as seguintes alterações:
Aumentar o tamanho da imagem: Ajuste a largura e a altura da imagem utilizando a própria tag, exemplo:
img {
width: 288px;
height: 288px;
}
Mudar as fontes: Utilize as fontes que foram disponibilizadas no arquivo style-guide.md, importando-as do Google Fonts e inserindo-as no index.html.
Alterar as cores dos textos: Utilize as cores que foram disponibilizadas no arquivo style-guide.md.
Adicionar margem: Insira margens ao redor dos elementos para espaçamento adequado. Use a propriedade margin para definir o espaço externo dos elementos.
Arredondar as bordas:
Use a propriedade border-radius
para arredondar as bordas tanto da classe filho quanto da imagem.
Centralizar os textos:
Alinhe os textos ao centro usando a propriedade text-align: center
Marked as helpful