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

Emmanuel-Xs

@Emmanuel-Xs80 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

  • Frontend Mentor - Results summary component solution by Emmanuel


    Emmanuel-Xs•80
    Submitted about 2 years ago

    0 comments
  • Frontend Mentor - Interactive rating component solution by Emmanuel

    #gsap

    Emmanuel-Xs•80
    Submitted about 2 years ago

    2 comments
  • Ping single column coming soon page by Emmanuel


    Emmanuel-Xs•80
    Submitted over 2 years ago

    0 comments
  • QR code component by Emmanuel Nwaohiri


    Emmanuel-Xs•80
    Submitted over 2 years ago

    1 comment

Latest comments

  • unl00ky•100
    @unl00ky
    Submitted about 2 years ago

    first time using CSS variables | result-summary-component-main

    2
    Emmanuel-Xs•80
    @Emmanuel-Xs
    Posted about 2 years ago

    Yes, I would recommend watching webdev simplified from youtube and you can also check out his courses they are amazing.

    I would also like to point out something in your code. you forget about the background-color of the summary-items and try as much as possible to make all your styles in an external stylesheet if possible.

    Marked as helpful
  • Alexsander Batista Dos Santos•360
    @alexsanderBDS
    Submitted about 2 years ago

    Mobile and desktop design done

    2
    Emmanuel-Xs•80
    @Emmanuel-Xs
    Posted about 2 years ago

    Try This

    .button {
        background-color: var(--clr-neutral-270);
    }
    
    .button:hover,
    .button:focus-visible {
        background: var(--gradient-primary);
    }
    

    Replace my custom properties with yours

    NOTE It is not possible to do transitions on linear-gradient.

    Marked as helpful
  • Emmanuel-Xs•80
    @Emmanuel-Xs
    Submitted about 2 years ago

    Frontend Mentor - Interactive rating component solution by Emmanuel

    #gsap
    2
    Emmanuel-Xs•80
    @Emmanuel-Xs
    Posted about 2 years ago

    Okay, let me try your solution out. I created the button eventListener inside the inputs to ensure the user clicks a rating before submitting without writing extra code. However, from what you said, it creates multiple click events for the button that may slow down the browser's overall speed. So, I will do as you say.

    Thank you very much I tried it and it worked. I really appreciated

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