Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Interactive Pricing Component using CSS Grid, Flexbox, JS

Anuar 190

@anuarshaidenov

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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-Hai

Posted

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

@anuarshaidenov

Posted

@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
Discord logo

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