Skip to content
Submitted 2 months ago

Responsive Job listing with filter

henryapm•120
@henryapm
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Job listings with filtering
  • HTML
  • CSS
  • JS
3intermediate

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

  • Svitlana Suslenkova•5,320
    @SvitlanaSuslenkovaPosted 2 months ago

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

    0
    henryapm•120
    @henryapmPosted 2 months ago

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

    0
    Svitlana Suslenkova•5,320
    @SvitlanaSuslenkovaPosted 2 months ago

    @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
    @henryapmPosted 2 months ago

    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

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