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

A responsive web using flexbox

@CoderKnight02

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


All feedback is welcomed

Community feedback

Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

๐Ÿ‘พHello Manuel, congratulations for your solution!

The design elements are really good and match the reference.

Although your solution is fine, using margins to align it to the center isn't a best practice, you should consider giving it the alignment with flexbox and using the <main> to wrapp all its contents.

Note that the shadow is more bluish than gray, the correct value is box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%);

Hope it helps and happy coding!!

Marked as helpful

0

@CoderKnight02

Posted

@correlucas Hello again Lucas, thank you man, you are a god at front-end.

0
Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

@CoderKnight02 Hello Manuel, nope bro, I'm just like everyone here. My knowledge is limited to CSS and HTML. The only difference was that already did this challenge so I was able to help you. Soon you'll be helping person to with the challenges you've already finished bro. Keep it up!

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