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
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found

Submitted

Job listings page using React/Flexbox

#react
Michael Truscott• 180

@michael-truscott

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


Getting the image to sit above the container in the mobile design was challenging, ended up using position: absolute with a negative top.

Community feedback

@SatyapriyaMahato

Posted

Congratulations on completing the challenge! You can also use margin negative to get the same result for the mobile version. Also, you should keep all the components in separate components folders to keep all the components organized.

I hope you find this helpful. Above all, the solution you submitted is great!

keep it up. Happy coding!

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