@correlucas
Posted
👾Fala Pedro Henrique, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!
Aqui umas dicas pra vc melhorar seu código / design:
1.Adicione o valor correto de sombra box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%);
e background-size: contain;
pra fazer o background pegar a largura inteira e não ficar cortado.
2.O valor da sombra do componente está um pouco forte, você pode melhorar isso colocando menos opacity
e mais blur
3.Uma coisa que você pode fazer pra economizar tempo é usar um CSS RESET, pro arquivo de estilo CSS e copiar e colar esse reset padrão que reseta varios comportamentos default do CSS que são um pouco chatos de usar, como margens, imagens, animações e etc. Vai salvar um bom tempo usar isso desde o começo: https://piccalil.li/blog/a-modern-css-reset/
👋 Espero ter ajudado e continue no foco!
Marked as helpful