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 component using HTML and CSS

@Shadowsvg

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


  1. Both paragraph and h3 are not exactly same as required. I tried different margins and paddings but didn't get exact result. Will you please tell me what am I getting wrong ?

  2. Any other suggestions are welcome

Community feedback

@zp021

Posted

Hi! It took me a while to get the text right too. What worked for me was putting the h1 and p in a div called text and adjust its padding along with adjusting h and p padding/margin individually. But as a more experienced user pointed out on my solution, it can be done without that just as you did, so you're the right track, it just needs more tweaking to get it right.

Other than that as the report said, it is best practice that all content on your page is contained within a landmark region, e.g <main> and to use h1 first as you can always adjust its size to fit the challenge. Good job, keep it up!

1

@Shadowsvg

Posted

@zp021 Thanks for the advice. I will definitely work on it

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