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

Lukas Kardeck

@lukaskardeckBahia, Brasil10 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

  • Responsive QR Code Component using flexbox


    Lukas Kardeck•10
    Submitted 4 months ago

    1 comment

Latest comments

  • Dorian Alvarado•240
    @Dorian30
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'll leave you with a quick summarize instead :)

    1. I built the component using only HTML and CSS.
    2. Since the Figma file includes a design system tab, I defined variables for each token.
    3. I applied BEM for class naming.
    4. Font sizes use rem for scalability.
    5. Breakpoints, though unused, are set in em for better browser support.
    6. Small UI elements like borders and shadows use px for precision.
    What specific areas of your project would you like help with?

    Any suggestions on the HTML markup or CSS approach (classes, variables, or units)? This is a basic component, but accessibility is important to me, so any improvements in that area are always welcome.

    QR Code Component with HTML & CSS

    1
    Lukas Kardeck•10
    @lukaskardeck
    Posted 4 months ago

    Cool!

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