Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
23
Comments
4

Kyle Kasprzyk

@kylekasprzykMinnesota, USA260 points

🌌

I’m currently learning...

JavaScript

Latest solutions

  • FAQ accordion card solution (Bonus: CSS Only)


    Kyle Kasprzyk•260
    Submitted about 2 years ago

    1 comment
  • Base Apparel coming soon page solution


    Kyle Kasprzyk•260
    Submitted about 2 years ago

    1 comment
  • Equalizer landing page solution


    Kyle Kasprzyk•260
    Submitted about 2 years ago

    0 comments
  • Article preview component solution with loading animation


    Kyle Kasprzyk•260
    Submitted about 2 years ago

    0 comments
  • Skilled e-learning landing page solution


    Kyle Kasprzyk•260
    Submitted about 2 years ago

    0 comments
  • Ping single column solution


    Kyle Kasprzyk•260
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Steve Mapute•20
    @devstevv
    Submitted about 2 years ago

    QR-code-component

    3
    Kyle Kasprzyk•260
    @kylekasprzyk
    Posted about 2 years ago

    Great job on your solution!

    Instead of using pixels in font-size, use relative units like rem or em. The font-size in absolute units like pixels does not scale with the user's browser settings. Check out this article.

    Example font-size: 0.875rem;

    To clear out the accessibility report warnings, wrap your <div class="container"> content within a <main></main> and your <div class="attribution"> content within a <footer></footer>.

    After committing the changes in GitHub, come back to this solution page and click generate new report. It should clear out the warnings.

    Happy Coding!

  • EmilianoGomezA•30
    @EmilianoGomezA
    Submitted about 2 years ago

    QR Code Component with Flexbox

    1
    Kyle Kasprzyk•260
    @kylekasprzyk
    Posted about 2 years ago

    Great job on your solution!

    Instead of using pixels in font-size, use relative units like rem or em. The font-size in absolute units like pixels does not scale with the user's browser settings. Check out this article.

    Example font-size: 1.375rem;

    Check out the wall of fame page and you'll find some inspiration from other members in the Frontend Mentor community.

    Happy Coding!

    Marked as helpful
  • StivenCodes•150
    @StivenShiquito
    Submitted about 2 years ago

    Responsive ✅ Interactive Component | HTML-CSS-Javascript 🚀

    1
    Kyle Kasprzyk•260
    @kylekasprzyk
    Posted about 2 years ago

    Great job, @StivenShiquito!

    I'm very new to web dev, but one thing you could add to match the "active state" design is cursor: pointer; under .btn:hover on line 86 of your index.css file.

    Happy coding!

  • aps8778•10
    @aps8778
    Submitted over 2 years ago

    qr code using html and css

    1
    Kyle Kasprzyk•260
    @kylekasprzyk
    Posted over 2 years ago

    Looks good. Check out the style-guide.me in the starter.zip. This will provide the layout, colors, and typography.

    Marked as helpful
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

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

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

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

Oops! 😬

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

Log in with GitHub