Site URL: https://www.kierstenamelia.com/starbucks-pattern-library
I'm running into some frustrating issues with my scaling across desktop and mobile. My images are sized well to the grid on desktop..
...but they don't scale nicely onto mobile:
This is leading to some really weird and frustrating padding issues on mobile, where it's nearly impossible to get my spacing to be consistent. Unfortunately, "filling" the image isn't a great solution — because that leads to the image content getting cropped and moving off screen at some breakpoints. (I'm doing that for now but don't like it!)
Is there some way to resolve this? Ideally the images could snap to the grid, and that grid would scale nicely across tablet and mobile. As a product designer, it's kind of a nightmare for my portfolio to look so buggy on mobile (and tablet is rough too). Would love any advice about this!