Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
32
Comments
32
P
MathiasHun1
@MathiasHun1

All solutions

  • Responsive BMI-calculator

    #material-ui#react

    P
    MathiasHun1•700
    Submitted 24 days ago

    0 comments
  • E-commerce product page

    #material-ui#react

    P
    MathiasHun1•700
    Submitted about 1 month ago

    2 comments
  • Responsive News-homepage

    #material-ui

    P
    MathiasHun1•700
    Submitted about 1 month ago

    0 comments
  • Responsive contact-form


    P
    MathiasHun1•700
    Submitted about 1 month ago

    Im using native elements, labels, the form can be tabbed through, it has :focus states, etc. Is that enough for a pro implementation, or should I use aria-attributes too? (I've never used them)


    1 comment
  • Accordion component

    #react

    P
    MathiasHun1•700
    Submitted about 1 month ago

    1 comment
  • rating component

    #react#tailwind-css

    P
    MathiasHun1•700
    Submitted about 2 months ago

    1 comment
  • Mobile-only Github user search app

    #next#react#tailwind-css#zod

    P
    MathiasHun1•700
    Submitted about 2 months ago

    1 comment
  • Responsive Memory-game


    P
    MathiasHun1•700
    Submitted 2 months ago

    1 comment
  • Responsive Rest-countries App

    #react#react-router#sass/scss

    P
    MathiasHun1•700
    Submitted 2 months ago

    1 comment
  • Responsive Mortgage-calculator

    #react#sass/scss

    P
    MathiasHun1•700
    Submitted 3 months ago

    1 comment
  • Pomodoro App

    #react#sass/scss

    P
    MathiasHun1•700
    Submitted 3 months ago

    1 comment
  • Responsive Galleria slideshow page

    #framer-motion#react#react-router#sass/scss

    P
    MathiasHun1•700
    Submitted 3 months ago

    1 comment
  • Responsive Space-Tourism site

    #react#sass/scss#framer-motion

    P
    MathiasHun1•700
    Submitted 3 months ago

    1 comment
  • Responsive Bookmark Landing-page

    #react#sass/scss#post-css

    P
    MathiasHun1•700
    Submitted 4 months ago

    1 comment
  • Responsive Room homepage

    #react#sass/scss

    P
    MathiasHun1•700
    Submitted 4 months ago

    In IOS the hamburger-SVG is not visible, and I couldn't find any working solution. Do anyone know something?


    1 comment
  • Loopstudios Landing page

    #react#sass/scss

    P
    MathiasHun1•700
    Submitted 4 months ago

    Some best practice advice for using sass. I experimented with nesting selectors, but not a big fan of it, feels like it's harder to see through the style-system, than with proper naming and no nesting.

    Other question is the @media usage: Dou you like to write a whole block for media-queries, or write them for each selector seperately (like I did here)? I'm not sure wich is better, maybe a whole @media block is cleaner..

    Feel free to criticise anything, It makes me think ;) Cheers


    1 comment
  • NFT card


    P
    MathiasHun1•700
    Submitted 4 months ago

    1 comment
  • Product-list with cart

    #react

    P
    MathiasHun1•700
    Submitted 4 months ago

    I didn't want to modify the given JSON data file, so I track the orders / cart-items in a derived data I create from that. The solution works but I feel it is a bit messy. I'm open to any critical thougts about that, or anything else :)


    1 comment
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

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