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

Single price grid component using CSS flexbox & grid

@Al-lien

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, I was wondering if learning sass/scss worth it ? Is it a skill that is looked after by companies ? Feel free to feedback !

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Heyo,

I'm not working as a professional yet but I'm actively looking for jobs and sass/scss is something I see very frequently in job requirements. It doesn't take long to learn and you just use as many of its features as you wish.

Your solution looks great btw, I only have some small suggestions really:

  1. Don't forget to set the font-family of your button. If you don't set it or don't reset it somehow, it's just going to use the browser's default font.

  2. Careful with your heading levels. It's better to have only one <h1> heading, and work your way down from there to create a clear document outline (much like with a book that has a main title and chapter titles, etc).

  3. In the why us section you actually want to use a <ul> witl an <li> for each item and then style it with css. Don't use <br> for this, that has a very specific purpose.

Marked as helpful

2

@Al-lien

Posted

Hello @FluffyKas ! Thanks a lot for giving me your feedback, i really appreciate it.

How do you suggest I prioritize my code ? Do you think I should set "Join our community" as <h1> and "Why us" as <h3> ?

I'm going to learn sass then and I will soon update my solution with all your advice.

Have a great day !

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