Answer 1

Aha! That’s because the element is still under there, just you can’t see it. Maybe play around with the height property and the opacity property so that the box for all the list items gets bigger, and there’s more space. A bit confusing, so here’s an example: https://code.sololearn.com/W7v5Pmo7E183/?ref=app

Answer 2

The display property can’t animate, so I would do something like opacity: 0; and opacity: 1;. And, the transition-duration property must be for the child elements, not the parent.

Answer 3

FlyiiingDani you can add the css property “pointer-events: none;” to the child element. Then change it to “auto” when the parent is hovered, this is to make sure the child isn’t hidden once the mouse leaves the parent.