css responsiveness overlay
Hi! im currently working on a school project but i need some help regarding the responsiveness on one of my page overlays. I tried looking at Kevin's yt video ( https://www.youtube.com/watch?v=uuluAyw9AI0&ab_channel=KevinPowell ).
I need some help figuring out how i can make it work on a physical mobile screen or what i have done wrong, as it works in the f12 menu in chrome. I'll attach the files its regarding below.
I need some help figuring out how i can make it work on a physical mobile screen or what i have done wrong, as it works in the f12 menu in chrome. I'll attach the files its regarding below.

YouTubeKevin Powell
We can't hover on mobile devices, so what can we do about hover animations and other things that we might need to have on laptops and desktops? Well, we have a media query for that!
Links
My full build of this card: https://youtu.be/5DEq5cWNYt8
Go even deeper with this great article looking at hover, but also pointer, any-hover and a...

