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

@lc-dev90

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


Responsive Interactive Pricing Component using only css and Js.

I need to study more about DRY, my code was so repetitive

Community feedback

P
tedikoβ€’ 6,580

@tediko

Posted

Hello, Luiz! πŸ‘‹

Good effort on this challenge! πŸŽ‰ Everything works good and responds well. Take a look at:

  • On bigger screen sizes like (1920x1080) you background-image isn't stretching to full width. Maybe try to stretch it with background-size: 100% 50%.

Good luck with that, have fun coding! πŸ’ͺ

1

@lc-dev90

Posted

@tediko thank you again my friend tediko!

0
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

If you wish your code to be DRY, then I would suggest learning SCSS and avoid using css

1

@lc-dev90

Posted

@RocTanweer thank you! I will use Scss in the next time!

1
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

@lc-dev90 If you are going to use sass, then please follow what I am saying...

First learn gulp or webpack (I am using gulp) then install 'Dart-Sass' and use that.

there is an easier way to do the same job, like installing live sass compiler extension on vs code but it won't give you latest features like module system which is new in sass

read this article

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