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-React

#react#tailwind-css
Miguel Silva• 510

@migsilva89

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


This is a solution to the Job listings with filtering challenge on Frontend Mentor.

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size;
  • See hover states for all interactive elements on the page;
  • Filter job listings based on the categories;
  • I have also added a modal that will be activated when a job name is clicked;

git clone https://github.com/migsilva89/Job-Listings-React
npm install
npm run dev
  • Semantic HTML5 markup
  • Tailwind CSS
  • React - JS library

Tips or advice on how to improve are very welcome, thank you all! Linkedin

Community feedback

Nelson• 2,380

@nelsonleone

Posted

I looks okay and functions alright,

The document body seems to be overflowing on the x-axis, would be fine if you found what was causing it , or just set (overflow-x:hidden) on the body tag.

Marked as helpful

0

Miguel Silva• 510

@migsilva89

Posted

@nelsonleone Thank you, I'll check it out

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