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

Just using pure JS and SCSS

Raymart Pamplonaβ€’ 16,090

@pikapikamart

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


Working with json is really a great challenge whoever taking on this challenge.

Just drop your query if you find any issue and that will be really helpful^^

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello, once again, Raymart Pamplona! πŸ‘‹

I think you've some good work on this challenge! πŸ‘ As vincitaylaran mentioned, you've done a nice job in matching the design preview and your solution responds and functions very well! πŸ™Œ

Keep going with these challenges! πŸ˜€ And happy coding, of course! 😁

1

Raymart Pamplonaβ€’ 16,090

@pikapikamart

Posted

@ApplePieGiraffe Thank you, these challenges are really fun even though school starts now, i'm still going for everyday 1 FEM challenge hahaha. Thank youuu^

1
P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

@pikamart

Haha, wowβ€”that's quite a goal! πŸ˜€ Good luck with it all, then! πŸ‘

1
Raymart Pamplonaβ€’ 16,090

@pikapikamart

Posted

@ApplePieGiraffe Yes hahaha though it is manageable , I started this challenge just this March 20 and already done 12 challenges but some are not that good I know, since some are rushed and I can't look at the screen at long period of time, especially when what i'm looking at is really white. But the thing is that hahah doing this challenges, it really motivates a person and made a habit of waking early, doing code reviews, submitting solutions. So that's it hahahah anyway thank you again APG!

1
P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

@pikamart

NP! πŸ‘

0
Vinci Taylaranβ€’ 185

@vincitaylaran

Posted

Good eye for detail, Raymart. Your solution looks very close to the original design 😁

Filtering for jobs also works correctly. The only thing you're missing is the "Clear" button which should appear at the right side of the stack. Adding it shouldn't be much of an issue for you πŸ˜†

Congrats on completing another challenge!! πŸ˜€

1

Raymart Pamplonaβ€’ 16,090

@pikapikamart

Posted

@vincitaylaran Wait what hahahaha I did not saw that there is a clear button on that stack hahahah thank you for pointing that out and will refactor it, really thank youuu^^

0
Raymart Pamplonaβ€’ 16,090

@pikapikamart

Posted

Added the clear button^^ thanks to @vincitaylaran

0

Vinci Taylaranβ€’ 185

@vincitaylaran

Posted

@pikamart nice πŸ‘

Looking forward to your next solution πŸ˜€

1

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