Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
36

Pranshu Sahu

@Pranshu-Sahuindia770 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

  • Job listings with filtering

    #react#tailwind-css

    Pranshu Sahu•770
    Submitted over 2 years ago

    0 comments
  • Tip calculator

    #accessibility#tailwind-css

    Pranshu Sahu•770
    Submitted over 2 years ago

    0 comments
  • Advice generator

    #accessibility#axios#tailwind-css

    Pranshu Sahu•770
    Submitted over 2 years ago

    0 comments
  • Responsive news homepage using grid

    #accessibility#tailwind-css

    Pranshu Sahu•770
    Submitted over 2 years ago

    1 comment
  • Testimonils grid using tailwindcss

    #accessibility#tailwind-css

    Pranshu Sahu•770
    Submitted over 2 years ago

    0 comments
  • Responsive landing page

    #tailwind-css

    Pranshu Sahu•770
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Cheosphere•1,040
    @Cheosphere
    Submitted over 2 years ago

    Results Summary Component (HTML | CSS | JS Vanilla => animejs library)

    17
    Pranshu Sahu•770
    @Pranshu-Sahu
    Posted over 2 years ago

    Genius Solution without any error

  • Usama Ahmed•220
    @UsamaBinKashif
    Submitted over 2 years ago

    Splitter Tip Calculator

    #react#redux#tailwind-css#typescript#vite
    1
    Pranshu Sahu•770
    @Pranshu-Sahu
    Posted over 2 years ago

    congratulations on completing the solution.

    I have few suggestions to improve the solution-

    1. <h1 class="sr-only">splitter</h1> <img src="./images/logo.svg" alt="" /> The rule to follow when using heading tags is to never skip the heading level. In other words, heading levels must always be in order to give structure to a page. *this is would remove your first accessibility error. *

    2. You should use the <main> wrapping entire content for the calculator. *this would remove your second accessibility error `

    I hope this helps. Happy coding! 😄

  • Ahmet Kabacali•450
    @ahmetkabacali
    Submitted over 2 years ago

    Random advice generator / Html-Css-Js-Api

    1
    Pranshu Sahu•770
    @Pranshu-Sahu
    Posted over 2 years ago

    Hi,

    congratulation for completing the challenge

    I have looked your solution, I see that when I look for advice it produces the same one. You could see my solution, I have added random parameter at the end of api https://pranshu-sahu.github.io/advice-api-fem/ which solves the issue .👌 ✔

    Hope you find it helpful Happy coding

    Marked as helpful
  • Revin•280
    @revin212
    Submitted over 2 years ago

    E-commerce Product Page responsive with SASS & Vanilla JS

    #sass/scss#animation
    1
    Pranshu Sahu•770
    @Pranshu-Sahu
    Posted over 2 years ago

    hi @revin212,

    congratulations on completing the solution.

    I have few suggestions to improve the solution-

    1-- you are missing the separator just below the navbar as shown in the design

    2-- you can take your dropdown one step ahead by getting it close when user clicks anywhere on the document

    3-- I don't know why I'm unable to preview your code. It is showing error 404 page not found. I hope you would fix it.

    hope you find it helpful

    happy coding

    Marked as helpful
  • PhoenixDev22•16,830
    @PhoenixDev22
    Submitted over 2 years ago

    testimonials-grid-section

    #sass/scss#lighthouse
    1
    Pranshu Sahu•770
    @Pranshu-Sahu
    Posted over 2 years ago

    hi @PhoenixDev22, I'm just curious to know how did you make the solution so pixel perfect?

  • Deborah Robbiano•600
    @debriks
    Submitted over 2 years ago

    Interactive Pricing Component using BEM/SASS/JS

    #sass/scss#bem
    1
    Pranshu Sahu•770
    @Pranshu-Sahu
    Posted over 2 years ago

    hi👋 @debriks, you could add aria-label="pricing component range" , this would remove accessibility error.

    Hope you found it helpful Happy coding

    Marked as helpful
View more comments
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