How do I not make the background look choppy on mobile
I can drag down to see white and the top bar is white too, is there any way to fix this? I have set the background to No repeat.
How to increase hover region of mega menu
I have a three-tiered mega menu - one level across the top, then beneath that, there's a wide grid with ~30% being a left-hand menu and, when hovering over the left items, the right side shows content. This might be a lot, yes, but, it's what we've got.
The "hoverable" area of the items on the left is very annoying. When moving from left to right, people frequently move their mouse just over the edges, either up or down. I really want to do something I learned years ago and have completely forgotten how to do. There's a thing people do to add an invisible triangle shape at the end to increase the hover area, right?? I've tried to mock it up here, I don't fully understand how it works, but I know I've seen it in the past.
Any thoughts??...
Unwanted whitespace with subgrids
Hello everyone. I don't find anything useful to help me understand why the first row on this codepen has that vertical whitespace (on the image it's the red area) when I put
gap: 30px on the grid container.
I can fix this whitespace by putting gap: 0 on the container but then I lose the vertical gap between the cards so it's not useful.
What I want is for the card to take a little height as possible and sharing the available space.
https://codepen.io/Uurshin/pen/pvgJLOP...
Need help creating hover overlay
Does anyone have any idea how I can get that eye in the middle of my image? I've been trying to figure it out, but I just don't know how to approach it. I don't even know where to start but I do know that I need the pseudo class :after.
