Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
9

Saurav Chamoli

@sauravchamoli17India370 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

  • Order-Summary-Component using HTML & CSS


    Saurav Chamoli•370
    Submitted almost 4 years ago

    0 comments
  • Fylo landing page with two column layout (Html,Scss & Animations)


    Saurav Chamoli•370
    Submitted over 5 years ago

    1 comment
  • Clipboard landing page (Html,Scss & Animations)


    Saurav Chamoli•370
    Submitted over 5 years ago

    1 comment
  • Project tracking intro component using HTML, CSS & JS.


    Saurav Chamoli•370
    Submitted over 5 years ago

    1 comment
  • Ping single column coming soon page


    Saurav Chamoli•370
    Submitted over 5 years ago

    1 comment
  • Four card feature section


    Saurav Chamoli•370
    Submitted over 5 years ago

    1 comment
View more solutions

Latest comments

  • Rarysson•265
    @rarysson
    Submitted over 5 years ago

    Huddle introductory page with HTML and CSS

    1
    Saurav Chamoli•370
    @sauravchamoli17
    Posted over 5 years ago

    Hey Rarysson! Well done👍 on this challenge. Few things that you can improve are:-

    • Re scale the font-size of the heading and the paragraph.
    • Add some padding to the register button.
    • Add aria-label to the button and links to improve accessibility.
    • In mobile the huddle logo looks very small, so you can re scale it.

    Try out Sass and Bem methodology in your next solutions, they are awesome and using them will help you to cope up with the latest development trends.I wish you all the best in your development career! Keep up the good work 💯.

  • Gediminas Makutenas•765
    @Senatrius
    Submitted over 5 years ago

    Grid Component using CSS Grid

    2
    Saurav Chamoli•370
    @sauravchamoli17
    Posted over 5 years ago

    Hey Senatrius, Well done! 👍 on this challenge and welcome to heaven for front end developers, you will learn a lot with these awesome challenges.Your solution scales well on mobile and tablet so well done on the responsive design. Well done on using bem methodology and sass. Few things to consider in this solution are:-

    • Color of the Gain access paragraph is gray as you can see in the design.
    • Use aria-label attribute in the links and buttons for accessibility.
    • Correct the typo on access to our github repos list item.

    Congratulations on solving this challenge.

  • sonickonic•700
    @sonickonic
    Submitted over 5 years ago

    Mobile first site using Sass, Flexbox, BEM and JS

    1
    Saurav Chamoli•370
    @sauravchamoli17
    Posted over 5 years ago

    Awesome work! First time I've ever seen the screenshot of the solution is overlapping with the design. You just need to add hover state to the learn more button and then your solution is perfection.

  • Tobi-dev99•200
    @Tobi-dev99
    Submitted over 5 years ago

    With HTML, CSS and Flexbox

    2
    Saurav Chamoli•370
    @sauravchamoli17
    Posted over 5 years ago

    Well done!on your project.The improvements you can make in this project are: 1. the per month text should be centered with related to the $29 text.Add a box shadow and hover state to your sign up button.Add a box shadow and border radius to your main container. Move the why us subtext in an unordered list instead of an paragraph and remove padding from them.

    Keep up the good work!

  • Alexandra Barka•255
    @aLe3ouLa
    Submitted over 5 years ago

    Four card feature section using HTML, CSS

    2
    Saurav Chamoli•370
    @sauravchamoli17
    Posted over 5 years ago

    Well done on your project!

  • Abhishek Kulshrestha•30
    @abhikulshrestha22
    Submitted over 5 years ago

    HTML, CSS and javascript to build the page.

    3
    Saurav Chamoli•370
    @sauravchamoli17
    Posted over 5 years ago

    Very well done on your project. Keep up the good work!

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

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!

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

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