Skip to content
Submitted over 2 years ago

Fully Animated with State Management Job Listing filtering app!

Shawn Lee•560
@OGShawnLee
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Job listings with filtering
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hey what's going on? This one was built with the built-in Svelte transition and state management api so there was no need to install any external library.

  1. I had to add and remove margin to the main element to keep the job listings in the same place whenever the filters section appears and disappears. I didn't use absolute positioning for the filters section because if it grows vertically it would not push the list down. Do you guys know of a cleaner solution?

Thanks for viewing/replying. Have a great day!

Community feedback

  • Ivan•2,630
    @isprutfromuaPosted over 2 years ago

    Hi there

    About your question: you can use an empty block with a minimum height, or do the same with the grid areas.

    Regards

    1
    Shawn Lee•560
    @OGShawnLeePosted over 2 years ago

    @isprutfromua I will give it a try. Thanks!

    0

Please log in to post a comment

Log in with GitHub

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