Skip to content
Submitted about 3 years ago

Responsive Interactive Pricing Component using CSS Grid, Flexbox, JS

Anuar•190
@anuarshaidenov
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive pricing component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I would really appreciate any feedback/critique. I want all the smoke, please don't be shy. All love and blessings🙃

Community feedback

  • Nam HaÏ•820
    @Nam-HaiPosted about 3 years ago

    Very nice work man !

    The use of the input property is great. The hover effect is a nice touch on the start trial button.

    The <p> tag for the viewcount doesn't feel right as it is not a paragraph. HTML is a descriptive language. Use <p> for paragraphes and header for ... headers.

    On the side note, the yearly discout is -25% and not -75% as you implemented it.

    Things you to improve the design.

    • You could add something to the price when the discount is applied to add some flavour. Change the color to the orange of the discount perhaps
    Marked as helpful
    0
    Anuar•190
    @anuarshaidenovPosted about 3 years ago

    @BlueTompon Thanks a lot! I will fix all the issues that you pointed out, really appreciate the feedback and the love

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord