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

Rahul Gupta

@rahulxyzPune80 points

Creative and inquisitive web and mobile developer.

Latest solutions

  • HTML, CSS(+SASS), JS


    Rahul Gupta•80
    Submitted almost 5 years ago

    3 comments
  • Data-Fylo : HTML, CSS, JS


    Rahul Gupta•80
    Submitted almost 5 years ago

    1 comment
  • Responsive component using html, css, js


    Rahul Gupta•80
    Submitted almost 5 years ago

    1 comment

Latest comments

  • MaziluRO•180
    @MaziluRO
    Submitted almost 5 years ago

    Fylo challenge using flex-box

    2
    Rahul Gupta•80
    @rahulxyz
    Posted almost 5 years ago

    Yes, the range slider can be overwhelming. What I did was, I used background property to add two different linear gradient. It can help you avoid the whole layered approach to it. However, I couldn't find a way to make it curved when the gradient color changes at the thumb.

    .slider { ... background: var(--half-transparent), var(--gradient); }

    Check my solution for more details. PS: You can also do the same trick to add background color and image to the same element.

  • Adam Iqshan•20
    @adamiqshan
    Submitted almost 5 years ago

    Article preview component

    2
    Rahul Gupta•80
    @rahulxyz
    Posted almost 5 years ago

    Wonderful work Adam. You can create two svg's with different fill colors and switch between them on hover or click.

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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