Hello, I am creating a portfolio site and when I add a GIF to a CSS grid layout, the GIF stretches vertically on mobile. It does not happen in the preview or when resizing on a desktop browser. See the attached screenshot. Any help would be greatly appreciated.
Can anyone offer assistance?
Try setting a height to your images in the mobile breakpoint:
Mobile safari might not be loading CSS Grid correctly.
@PixelGeek It looks like that worked! I am not sure what I did wrong the first time I tried to implement your advice. I just set the height to 100% and it is working now. Thanks, Nelson!