Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
10
P

Harshitkumar Patel

@harshitkumarpatel28Southall, United Kingdom160 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

  • Newsletter sign up with success message with HTML, CSS, Bootstrap & JS

    #bootstrap

    P
    Harshitkumar Patel•160
    Submitted 21 days ago

    1 comment
  • Article preview component master using Bootstrap and Vanilla JS


    P
    Harshitkumar Patel•160
    Submitted about 1 month ago

    1 comment
  • Meet Landing Page using CSS Flexbox and Grid


    P
    Harshitkumar Patel•160
    Submitted about 1 month ago

    1 comment
  • Testimonials grid section using HTML, CSS Grid and Flexbox


    P
    Harshitkumar Patel•160
    Submitted 3 months ago

    1 comment
  • Four card feature section using HTML, CSS - Flexbox and Grid Layout


    P
    Harshitkumar Patel•160
    Submitted 4 months ago

    1 comment
  • Responsive Product Preview Card using SEMANTIC HTML, CSS - Flexbox


    P
    Harshitkumar Patel•160
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • ella•130
    @Ellamonacillo
    Submitted about 2 months ago

    Responsive Newsletter Sign-Up with Success Message

    #bootstrap
    1
    P
    Harshitkumar Patel•160
    @harshitkumarpatel28
    Posted 21 days ago

    Hello Ella, Congratulations for our design. I have some suggestions which are below:-

    • Email success message doesn't reflect the actual email which was submitted. for example if the email used is abc@exmaple.com then the success message shows ash@loremcompany.com
    • Spacing in the desktop resolutions can be managed on left and right
  • Siyam Ahmed•130
    @Siyam1888
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I am happy that I could make the design and add the interactivity. However, a feeling of inefficiency is disturbing me. I think I can make it more efficient if I give it some more time and thought.

    What challenges did you encounter, and how did you overcome them?

    The most challenging part was managing the two types of social link elements in the mobile version and the desktop version. I had to create one tooltip for the desktop version and another separate social-links section for the mobile version. I intend to learn to do this in a better and simpler way.

    What specific areas of your project would you like help with?

    It would be really helpful if you kindly suggest me any better way to achieve the same results.

    Article Preview Component with HTML, CSS and JS

    1
    P
    Harshitkumar Patel•160
    @harshitkumarpatel28
    Posted about 1 month ago

    Hello Siyam,

    Congratulations on your design. I would like to give some points for improvements which are:

    • Responsive design for all devices like mobile, tablet, desktop
    • Use of bootstrap framework will help you to design pages
  • P
    Juan Vallejo•230
    @CiaoGab
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I would inspect the layout a bit closer and use background images instead of html images for the hero section

    What specific areas of your project would you like help with?

    creating the long line on top of the number and any tips on getting the spacing right

    Meet Landing Page

    1
    P
    Harshitkumar Patel•160
    @harshitkumarpatel28
    Posted about 1 month ago

    Hello Juan,

    Congratulations on your design. Looks good but I have some suggestions which you can improve on.

    • Design layout for desktop and tablet is different.
    • Margin and padding can be still improved.
  • NAKUL RAJA K C•100
    @Nakul460
    Submitted 3 months ago

    Testimonial grid section

    1
    P
    Harshitkumar Patel•160
    @harshitkumarpatel28
    Posted 3 months ago

    Congratulations on the design!

    I would like to point some things which are:

    • Use Semantic HTML is a good standard
    • Profile images can be little bit smaller
    • Width of the boxes can be set according to the design

    The design looks good.

  • Simona•100
    @SimonaJanikova
    Submitted 4 months ago

    Four card section

    1
    P
    Harshitkumar Patel•160
    @harshitkumarpatel28
    Posted 4 months ago

    Congrats on your design layout!

    Looks good. I have some suggestion like use of Semantic HTML for the structure would be a good use. Mobile responsive layout can be improved. Spacing and line height can be improved.

  • James Ojajuni•110
    @James-Ojajuni
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I made the website look good across different screen widths

    What challenges did you encounter, and how did you overcome them?

    I encountered the problem of not making the content in the second div overflow

    What specific areas of your project would you like help with?

    mehhh

    Product Preview Card with HTML5 and CSS

    1
    P
    Harshitkumar Patel•160
    @harshitkumarpatel28
    Posted 4 months ago
    • Use of Semantic HTML will be a good help
    • Spacing of contents on detail part is little bit needed
    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