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

Responsive Job listing with filter

henryapm 120

@henryapm

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


What are you most proud of, and what would you do differently next time?

Im most proud of the function I was able to write to filter the jobs, and the use of the BEM naming convention to identify my html element with the class names that I used.

What challenges did you encounter, and how did you overcome them?

I had such a hard time at publishing the built version of the project, since I used VUE CLI, I had a webpack bundle and needed to publish it like that in order to have my project live and running, I struggled with the filter functionality but at the end I was able to finish it.

What specific areas of your project would you like help with?

I would like to have feedback on the BEM naming convention, if I did a good job, what could I do better next time, and what other ways can this get done.

Community feedback

@SvitlanaSuslenkova

Posted

Hi, please, consider to add max-width to your job list!

0

henryapm 120

@henryapm

Posted

HI @SvitlanaSuslenkova are you encountering a problem at an specific size of screen? can you be more detailed?

0

@SvitlanaSuslenkova

Posted

@henryapm My resolution is 3840x2160px. And your project becomes super wide, like icon+developer on one side "of the world" and languages on the other side. Maybe, if the screen is smaller it still looks fine, but it's better to limit the width. Not a big problem :)

0
henryapm 120

@henryapm

Posted

Hey @SvitlanaSuslenkova, I understand, I didn't think of that problem, but thank you for your feedback, I appreciate it! I'll fix it

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