Interactive Job Listings

A simple interactive job listing where users can filter job based on tags

Frontend Mentor - Job listings with filtering solution

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

Screenshot

Links

• Solution URL: https://github.com/LiyanNguyen/interactive-job-listings
• Live Site URL: https://liyannguyen.github.io/interactive-job-listings

My Process

• Design the Mobile viewport WHILE desinging the Desktop Viewport at the same time using
• Design the flex/grid system, making sure to have both Desktop and Mobile Viewport layout correct
• Add in all the other HTML content
• Finished up all the CSS designs

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Grid
• Mobile-first workflow

What I Learned

• More Flexbox
• Mobile-first workflow seems to be better approach
• More JavaScript
• Centering a position absolute element again

Author

• Website - Liyan Anajao
• Frontend Mentor - @LiyanNguyen
• Twitter - @LiyanAnajao

Acknowledgments