Design comparison
Solution retrospective
Por que a imagem na parte de cima não está arredondada?
Community feedback
- @claudionettoPosted about 1 year ago
Boa tarde, acontece que você está utilizando um padding-top na imagem, ai consequentemente ela é preenchida com um vazio branco logo acima, sendo assim quando você tenta arredondar a imagem, a parte de cima do branco que está arredondando, mas como o fundo tbm é branco não da para perceber. Para resolver isso é simples, no lugar de usar o padding-top para distanciar a imagem da parte de cima do card, use o margin-top que irá conseguir o distanciamento da forma correta e a imagem ficará devidamente arredondada. Aconselho a colocar bordas nos componentes durante o desenvolvimento que irá lhe ajudar a entender um pouco mais e tbm será mais facil de arrumar os erros, no caso ali se você colocar uma borda de alguma cor na img perceberá o erro.
Marked as helpful0@Nathan-Rodrigues0Posted about 1 year ago@claudionetto Muito obrigado pela valiosa dica!
0
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