Streaming live at 10am (PST)

GIFs Stretching on Mobile

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.

Here is my site Read-Only:

Can anyone offer assistance?

Hi @vonBurske

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!

1 Like