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

Some css properties

glgouri 10

@glgouri

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

P
beowulf1958 1,350

@beowulf1958

Posted

You have made a good start to the project. The typography looks great. However, you forgot to include the images folder in your project, so the QR code does not show. Also, you need to add some padding so the text doesn't crowd the sides so much.

The next step is to learn to center the box in the middle of the page. This article explains how to do this. So, for example, you could add to the body style

        display: grid;
        place-content: center;
        min-height: 100vh;

Then the box sits right in the middle. Hope this helps.

Marked as helpful

0
Lpluiz123 30

@Lpluiz123

Posted

A solução inclui HTML semântico? Sim, pois com HTML Semantico ficará mais facil de se organizar.

É acessível? Que melhorias poderiam ser feitas? Acredito que sim.

O layout fica bom em vários tamanhos de tela? SIm, pois usei o media query para adaptação de telas.

O código é bem estruturado, legível e reutilizável? SIm, pois procurei organizar o código da melhor forma possível.

A solução difere consideravelmente do design? Acredito que não

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