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

MS

@codemore110 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 CSS flexbox


    MS•10
    Submitted 12 months ago

    I have problem using Figma, I manage to open the design asset in Figma but I can't figure out how to use Figma to check the spacing from the QR code to the title and paragraph. I will try to find some examples on how to use Figma properly.


    1 comment

Latest comments

  • Saurav•20
    @TechNinjaCode
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Successfully implementing a QR code component with HTML and CSS. Next time, focus on accessibility.

    What challenges did you encounter, and how did you overcome them?

    Achieving responsive design while preserving QR code structure; solved with CSS flexbox and media queries.

    What specific areas of your project would you like help with?

    Optimizing QR code generation algorithm for efficiency.

    QR Code Component

    1
    MS•10
    @codemore1
    Posted 12 months ago

    Improvement: Responsive layout is off on the attribution words - related to the position attribute set

    What to try: Use root variable for color so you can apply it on the attribute For media screen another option is set the container max height and weight after I look at the figma file.

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