[ad_1]
Hi, I have an idea for an image gallery I’m trying to make. It’s one large image, and overlayed on top of that are smaller image blocks that expand upon clicked. I tried messing with negative margins, and it’s possible that it can work when the site is displayed on one scale and one resolution, however it quickly falls apart when I scale up/down the site. Is this something that is possible to stay consistent enough across realistic browser scales and resolutions, or should I abandon this idea altogether?
[ad_2]
Sounds like you should be using em, rem, vw, and % for margins, paddings, widths, and heights when possible.
You can also set the image as a background and modify using cover and contain.
Also use @ media calls to adjust for screen sizes.
r/css