QR Challenged Solved, First Challeng of FrontendMentor

Hello, I really liked it! but the element is not centered (even with flex, because of viewport height), my suggestion:

remove the top margin and use it in the body: "min-height: 100vh;" and "margin: 0;".

Hola amigo está genial tu diseño, puedo dejarte una sugerencia, para que tú contenedor principal este centrado puedes usar una técnica en selector universal para eliminar los márgenes y rellenos que están por defecto y desde tu body. Estableciendo un alto y ancho del 100% y dándole estilo flexbox. Por ejemplo:

• { box-sizing: border-box; margin: 0; padding: 0; body { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; } Espero pueda serte de ayuda en tu crecimiento profesional en este maravilloso mundo del frontend. 😊🤝

Hello, I noticed that the container itself is not centered, you can put this in the body {}: min-height: 100vh

And remove the margin-top: 125px; in the .container{}.

Happy Tasking 😄

Any suggestions on how I can improve are welcome!