Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
9
Saurav Chamoli
@sauravchamoli17

All 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!

  • Priscila Bezerra•370
    @pittyh6
    Submitted over 5 years ago

    Used HTML, css and javaScript.

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

    Your live site link is not working.

  • Vaughn•10
    @VaughnP0
    Submitted over 5 years ago

    Four card

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

    Well done on your Project! There was no need to draw the background pattern as it's frontendmentor default pattern for challenge screenshots and it's not part of the design. Change the font-family to poppins using https://fonts.google.com/specimen/Poppins. Make your site responsive using media queries as it is not according to the design for small resolution devices(check out the mobile design in the design folder).Remove the accessibility issues.

  • wemiibidun•20
    @wemiibidun
    Submitted over 5 years ago

    My Single Price Grid Solution Component using HTML & CSS

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

    Well done on your project! I would recommend you to change the background-color to gray. Add box-shadow to the main container. Use unoredered list (ul)in the why text container instead of using br and the attribution paragraph is overlapping with the main container, move it to the footer. Make the site responsive(See the mobile design in the design folder) using media queries as it is not according to the design for small resolution devices.

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