Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
19

Anmol Kapil

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

  • Responsive Newsletter Signup Form with Success Message

    #tailwind-css

    Anmol Kapil•655
    Submitted about 2 years ago

    0 comments
  • Responsive 3 Column Preview Card Component


    Anmol Kapil•655
    Submitted almost 4 years ago

    1 comment
  • Responsive Tip Calculator App made with HTML, CSS and Vanilla JS


    Anmol Kapil•655
    Submitted almost 4 years ago

    9 comments
  • Stats Preview Card Component Made with SCSS (with landing animation)


    Anmol Kapil•655
    Submitted about 4 years ago

    2 comments
  • Responsive Signup Form with JS validation while typing and submitting


    Anmol Kapil•655
    Submitted almost 4 years ago

    1 comment
  • Fylo data storage component with animation


    Anmol Kapil•655
    Submitted over 4 years ago

    1 comment
View more solutions

Latest comments

  • Harry•115
    @iHarryD
    Submitted almost 4 years ago

    Todo App using HTML, CSS and Vanilla JavaScript

    1
    Anmol Kapil•655
    @anmolkapil
    Posted almost 4 years ago

    Hey, it looks great and works as expected. But in my browser, filter menu (All, Active, Completed) is not having proper margin.

    Marked as helpful
  • ara6i•15
    @ara6i
    Submitted almost 4 years ago

    Order-summary flexbox used

    2
    Anmol Kapil•655
    @anmolkapil
    Posted almost 4 years ago

    Hey congrats for finishing your first challenge 🎉 You mistakenly typed "%" instead of "$" in pricing text. Fix that😉

  • Aleksei Kovalev•50
    @AlekseiK412
    Submitted almost 4 years ago

    Responsive order summary card using CSS Flexbox and CSS Variables

    2
    Anmol Kapil•655
    @anmolkapil
    Posted almost 4 years ago
    1. You can just make the colour lighter in hover state. We are given hsl color values from frontendmentor. (h=hue, s=saturation, l=lightness) Decrease the "l" value a little and done :)

    2. I see you are using "display: flex" on your component. To get proper height of image in "row-direction: column". You should insert image in HTML instead of applying "background-image" in CSS.

  • Adaeze Ikemefuna•95
    @AdaezeIkemefuna
    Submitted almost 4 years ago

    Purely HTML and CSS

    3
    Anmol Kapil•655
    @anmolkapil
    Posted almost 4 years ago

    It looks good. Just fix your button width and text alignment as suggested by Ahmed Faisal

    Marked as helpful
  • Daniel Dudu•380
    @danieldudu
    Submitted almost 4 years ago

    HTML & SCSS

    2
    Anmol Kapil•655
    @anmolkapil
    Posted almost 4 years ago

    Wow. It looks perfect ❤️ But there is a subtle suggestion (UI/UX) you shouldn't apply clicking animation on links ("Change" and "Cancel Order"). Animation on a button gives a visual haptic of clicking. But same effect on links is distracting in my opinion.

    Marked as helpful
  • Jordan Rob•50
    @Jordan-Rob
    Submitted almost 4 years ago

    html css

    2
    Anmol Kapil•655
    @anmolkapil
    Posted almost 4 years ago

    Congratulations for finishing your project. �🎉 Functionality works fine in your website.

    But I noticed few things that you can try to fix.

    1. When all items are expanded it overflows your main container. It would be better if you don't define a fixed height for the container.

    2. Add some media queries to make it responsive

    Marked as helpful
View more comments

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

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