Design comparison
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
- @tedikoPosted over 3 years ago
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 withbackground-size: 100% 50%
.
Good luck with that, have fun coding! πͺ
1 - On bigger screen sizes like (1920x1080) you
- @RocTanweerPosted over 3 years ago
If you wish your code to be DRY, then I would suggest learning SCSS and avoid using css
1@lc-dev90Posted over 3 years ago@RocTanweer thank you! I will use Scss in the next time!
1@RocTanweerPosted over 3 years ago@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 GitHubJoin 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