Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
16
P
Antoine
@super7ramp

All solutions

  • Memory Game (React)

    #react#typescript#sass/scss

    P
    Antoine•330
    Submitted about 2 months ago

    Any feedback/advice appreciated :)

    Is there a simpler way to implement the transient state after the user picked the second card?

    I used a timeout event upon which the game state is updated with either the selected cells hidden (if they don't match) or marked as found and kept visible (if they match), but I feel the code to schedule the timeout is more complicated than it should.


    1 comment
  • REST Countries API with color theme switcher (React)

    #react#sass/scss

    P
    Antoine•330
    Submitted 2 months ago

    Any advice/feedback welcome!


    1 comment
  • Mortgage Calculator (React)

    #react

    P
    Antoine•330
    Submitted 2 months ago

    Any feedback/advice appreciated.


    0 comments
  • Product cart with list (React)

    #react

    P
    Antoine•330
    Submitted 2 months ago

    Any advice/feedback appreciated.

    In particular: I didn't find a way to animate the closing of the modal (which is a <dialog>) like on the Figma prototype. I tried things from this blog post but I couldn't make it work well on Firefox, Chrome and Safari.


    1 comment
  • Results summary component (React)

    #react

    P
    Antoine•330
    Submitted 3 months ago

    Any advice/feedback welcome!


    1 comment
  • Time tracking dashboard (HTML + CSS + JavaScript vanilla)

    #less

    P
    Antoine•330
    Submitted 3 months ago

    Any feedback/advice welcome!


    1 comment
  • Newsletter sign-up form (HTML + CSS + JS vanilla)


    P
    Antoine•330
    Submitted 3 months ago

    Any feedback/advice welcome!


    1 comment
  • Article preview component (HTML + CSS + JS vanilla)


    P
    Antoine•330
    Submitted 3 months ago

    Any advice/feedback welcome.


    1 comment
  • Meet landing page (HTML + CSS only)


    P
    Antoine•330
    Submitted 3 months ago

    Any feedback/advice welcome.


    1 comment
  • Testimonials Grid Section (HTML + CSS only)


    P
    Antoine•330
    Submitted 3 months ago

    Any feedback/advice welcome!

    In particular, I'm wondering if CSS could be simplified - in pure CSS and/or with a CSS preprocessor.


    1 comment
  • Four card feature section (HTML + CSS only)


    P
    Antoine•330
    Submitted 3 months ago

    Any feedback appreciated.


    1 comment
  • Product preview card (HTML + CSS only)


    P
    Antoine•330
    Submitted 3 months ago

    Any feedback/advice welcome, no specific area.


    1 comment
  • Recipe page (HTML + CSS only)


    P
    Antoine•330
    Submitted 3 months ago

    I don't understand the "Spacing" section in the Figma design: I feel I'm missing something, my spacing variables are a mess.

    Also would like to see a cleaner solution for the image sizing.


    1 comment
  • Social links profile (HTML + CSS only)


    P
    Antoine•330
    Submitted 3 months ago

    Fonts: I think there is a small difference in fonts between my solution and the Figma design

    • "Jessica Randall" looks wider in the design than in the implementation.
    • "London, United Kingdom" looks bolder in the design than in the implementation.
    • "Front-end developer and avid reader." looks thinner in the design than in the implementation.

    1 comment
  • Blog preview HTML + CSS only


    P
    Antoine•330
    Submitted 4 months ago

    A more elegant way to do font scaling.


    1 comment
  • Basic HTML & CSS qr code solution


    P
    Antoine•330
    Submitted 4 months ago

    1 comment

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