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
Not Found
Not Found
Not Found
Not Found

Submitted

display flex

@denner-cesar

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@SvitlanaSuslenkova

Posted

Hi, you don't have a folder with the image in you github. Or consider to select files for download without folders or use drag and drop when creating your repository.

Marked as helpful

0
P

@rkeppler42

Posted

Fala, Denner, tudo certo?

O intuito do exercício é fazer a página ficar o mais parecido o possível com o proposto. No caso, as cores, dimensões, imagens, textos, tudo. É como se nós trabalhássemos com um designer. O designer nos fornece o que ele quer e nós passamos para o código. Para isso, nesse caso, o site fornece as dimensões com os paddings, margens, etc, que vc deve implementar e as cores, formas e imagens a serem colocados no projeto. Também fornece qual tipografia está sendo utilizada.

Tente refazer o exercício. Você está indo bem. Veja se consegue fazer algum reforço no inglês pois é muito necessário nessa área, principalmente para ler documentação. Não precisa ser fluente nem nada do tipo, apenas para pegar o básico.

Abraços!

Neste caso o seu card não cumpriu os requisitos. Você já está com a forma do card quase pronta: deve ajustar apenas o height e width. Depois faça como na imagem e coloque o background color como branco. Linke a imagem utilizada no exercício. A página fornece os downloads. O background do body também é diferente do atual. No arquivo style-guide (ou algo do tipo) são fornecidos estas informações.

No html tem um fechamento de div a mais

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