Product dot hover

I'm thinking of using absolute position to place the dot on the product image but I'm worried that this wont work if the image change sizes when it's responsive and messed up the actual correct position. is using position a good idea for this scenario?
No description
4 Replies
EIO
EIO•4mo ago
One thing you can easily do is to keep the aspect ratio of the image and use percentage to position the dots. You'll be home free!
b1mind
b1mind•4mo ago
Overlay a grid and use template areas with blank spaces 🫠 🤔
Khoa
Khoa•4mo ago
🫠 thank you, imma try that https://codepen.io/wentallout/pen/wvZwLPv here's what I come up
EIO
EIO•4mo ago
@Khoa That's awesome!