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•10mo 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•10mo ago
Overlay a grid and use template areas with blank spaces 🫠 🤔
Khoa
KhoaOP•10mo ago
🫠 thank you, imma try that https://codepen.io/wentallout/pen/wvZwLPv here's what I come up
EIO
EIO•10mo ago
@Khoa That's awesome!
Want results from more Discord servers?
Add your server