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

QR code responsivo

@PabloSantosdve

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

@lavil014

Posted

Well done on submitting your first challenge . I hope you find this feedback helpful for you.

I encourage to try display flex to center your containers . It makes the process very easy for you and it gives your project a much better responsiveness.

Below you will find an example on how you can use display flex. Make sure you are using it on the parent container.

The following code you used can be replaced as follows:

body{ background-color: hsl(212, 45%, 89%); margin-left: 60px; margin-right: 60px; text-align: center; margin-top: 90px;}

body { min-height: 100vh; display : flex ; align-items: center ; justify-content : center; }

Try it and let me know.

Hope to hear from you .

Regards

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