Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
1
Comments
1

Sidharth Sreekumar

@SidharthSreekumar10 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • QR Code Component using Tailwind CSS

    #tailwind-css

    Sidharth Sreekumar•10
    Submitted about 1 year ago

    Any suggestions on how I can improve my use of TailwindCSS in this project are welcome. I would also like to know I we can import a font using a remote URL in the main CSS file.


    2 comments

Latest comments

  • oyinda9•10
    @oyinda9
    Submitted about 1 year ago

    qr code component

    1
    Sidharth Sreekumar•10
    @SidharthSreekumar
    Posted about 1 year ago

    This is a great start and the component looks very similar to the design. Here are some places where I would improve:

    • You can make this more accessible by using semantic HTML.
    • Try adding the Outfit font which is used in the design.
    • Maybe add some padding to the div with class "qrcode".
    • Elements can be centred by different methods. You can try the following.
    .qrcode-body {
      display: grid;
      place-items: center;
    }
    
    If you use the above code, there won't be a need to add margin left to "qrcode".
    
    Hope this helps!
    
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub