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

Static Job Listings [Pug/SCSS]

madhaus 1,040

@festsnusa

Desktop design screenshot for the Job listings with filtering coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedbacks are appreciated.

Community feedback

@katjadanilova

Posted

Hi!

I liked that you opted in for a full-width header, bold font and more roundness in your components - I did it differently, and it was a cool comparison to see how you solved the same challenge I've dealt with just recently.

Here are couple of things I've noticed:

  1. green-ish background ends in the middle of the screen when all listings are listed. My guess is it's because you have height: 100vh in your .main class. Once I removed it in chrome devtools, the whole page had a correct background color, but maybe there is a better solution.
  2. In the initial design only listings that are "featured" have a green line on the left.

I hope it helps :)

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