Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Not Found
Not Found
Not Found

Submitted

Usando somente HMLT e CSS

@Nathan-Rodrigues0

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Por que a imagem na parte de cima não está arredondada?

Community feedback

@claudionetto

Posted

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 helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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