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

Job Listings

P

@itsyanQA

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

Community feedback

@LikeKugi

Posted

I loved your solution.

There are some things you can improve.

First I prefer to import styles like modules in react. see the link for more information: https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/ this one can also be useful: https://medium.com/free-code-camp/how-i-integrated-css-modules-with-scss-into-my-react-application-32f473e1bb51

and other thing you can improve - learn about BEM methodology in classnames. Really, it's amazing https://en.bem.info/

gl next challenges <3

0

P

@itsyanQA

Posted

@LikeKugi Thanks!

About the importing styles like modules, I think its a matter of preference.

And I actually used BEM methodology partially, because of your comment I digged more into it and now I always use it when I create my components, its really neat

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