Design comparison
SolutionDesign
Solution retrospective
Job listings with filtering and modal - React - TailwindCss
This is a solution to the Job listings with filtering challenge on Frontend Mentor.
The challenge
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;
Preview:
Installation
git clone https://github.com/migsilva89/Job-Listings-React
npm install
npm run dev
Links
- Live Site URL: https://job-listings-react-delta.vercel.app/
- Solution URL: https://github.com/migsilva89/Job-Listings-React
Built with
- Semantic HTML5 markup
- Tailwind CSS
- React - JS library
Tips or advice on how to improve are very welcome, thank you all! Linkedin
Community feedback
- @nelsonleonePosted almost 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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