Almost completed the challenge, but have a few issues with fine tuning the CSS and a bit of animation.
I would like to animate the search results into view. I’ve tried wrapping the loop in a slideDown() method, but apart from that, not sure what to do to get it sliding down from the top? Or to do anything for that matter.
When hovering over the search results, the background color kicks in with a weird delay on two separate parts of the container. There are two different background colors even though I’ve only specified one background color and transition? I would like it to fade in all at once?
Is there any way to disable the hover effects on mobile? I’ve seen a few very elaborate fixes online, but they seem like way too much overkill for something that in theory, should be relatively simple.
Codepen below, thanks for your help