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

HTML and CSS

@kushank1207

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Alex Kim 1,325

@alex-kim-dev

Posted

Hey, your solution looks really well! I've just inspected it and there's some points worth mentioning:

  • the component gets squashed on tablet size screens, giving it max-width and auto margins on the sides could help with that
  • there's an error in the console which comes from @import statement in the css file, wrapping the url address into url() function should fix it @import MDN. Also it's a bit more benefitial in terms of performance to load fonts using <link> Stackoverflow question
  • the sass code for the button states styling doesn't work in browsers, you have to compile it down to plain css, or just rewrite it as css

Keep up the good work!

1

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