Mobile first: Job listings with filtering Using React.

Community feedback

• 

  Joshysmart•840

  @joshysmartPosted about 4 years ago

  @justAdevTV @davidomarf thank you for your response. it means so much. I have improved the responsiveness and I'd appreciate it if you can go over it again..

  0
• 

  David Omar•580

  @davidomarfPosted about 4 years ago

  Hi!

  I noticed some things.

  If I add some things to the filters, and then manually remove them by deleting one by one, the list doesn't update. Even if I end up with 0 filters.

  When the list is pretty small, the background color doesn't cover the whole body, only some part of it.

  The "Clear" button isn't vertically centered.

  In widths between 768 and ~1080, the layout for the individual offerings start to overlap within itself. Maybe you could set the media query to a greater width, or make the "wide" layout more responsive.

  One tip is to align the tags (Frontend, Senior, HTML CSS...) to the right instead of the left.

  Nice animations on the filter bar! I also loved the cursor for the hoverings!

  The layout is good in general.

  I'll go to sleep, but I'll try to check the code tomorrow morning and offer some comments about it.

  Keep the good work!

  2
• 

  Justin Punzalan•535

  @justAdevTVPosted about 4 years ago

  Hey @joshysmart,

  Great solution overall! The filters work on my browser btw.

  Also, I agree with @davidomarf's comments regarding widths 780-1080 and the clear button.

  I also did this challenge recently! It'd be cool to get your thoughts on my solution if you have time: https://www.frontendmentor.io/solutions/near-perfect-pixels-11-w-nextjs-and-styledcomponents-FYfg1bDZY

  P.S. I didn't bother fixing up the JSON so that the tags aligned with the mockups lol. Do you think one of us should fix it and share it with each other?

  1

  ---

  

  Joshysmart•840

  @joshysmartPosted about 4 years ago

  @justAdevTV your solution is almost exact to the design great job. it's really impressive. I didn't see any the tags misaligned with the mockups

  0
• 

  Joshysmart•840

  @joshysmartPosted about 4 years ago

  If I add some things to the filters, and then manually remove them by deleting one by one, the list doesn't update. Even if I end up with 0 filters.

  it works fine on my local server. I will look into it.. thank you so much for inspecting and giving me feedback i appreciate your response

  0