Skip to content
Submitted about 2 years ago

QR code component using HTML and CSS

Pratik Govinda Patil•10
@Shadowsvg
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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

  • Zarko Petrov•210
    @zp021Posted about 2 years ago

    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
    Pratik Govinda Patil•10
    @ShadowsvgPosted about 2 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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