Design comparison
Solution retrospective
na proxima vez vou vazem um desaine melhor para o meu projeto
What challenges did you encounter, and how did you overcome them?um desafio grande no css teve que ficar endo nas minhas anotações
What specific areas of your project would you like help with?gostaria de receber um feedback, no que eu posso melhora no css
Community feedback
- @Edu-213Posted 6 months ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord