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

html5 and css3

@Zubby126

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


nothing

Community feedback

Sam 230

@samd1a

Posted

Hi Ebubedike Edwin, congrats on finishing your challenge it looks great!

To improve, I recommend learning more about semantic elements and how they allow for the browser to better understand your webpage. If you have the time, this blog post might help aswell.

In order to center your card, you can use flexbox on your .container class instead of margins:

display: flex;
justify-content: center;
align-items: center;

Good practices are to use relative units over absolute units as they allow for more flexibility between different screen sizes.

Hope this helps a bit. Keep it up!

0

@abhijithganapathi

Posted

Looks neat. I used classes instead of ids. And by the way, how did you manage to match the fonts?

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