Website images not rendering properly

HTML-CSS
1

Hey there,

On this website, http://www.imagineers.ca/portfolio.html

I keep being told the images are stretching opposed to being put in the grid they’re supposed to be positioned in. I have told my friend to clear his cache and local history as when I am inspecting this on my local windows machine there’s no issues and the breakpoints are working fine for the different screen sizes. He’s working on a Mac desktop but don’t see what difference that would cause. I’m pretty positive its just his cache but need confirmation.

Can someone please load up the url and inspect the page to confirm it is only my friends desktop and if this is the case is there any more things he could try to get the page to render properly?

Thanks

Here’s his result - 1 image stretched out opposed to a 4 column grid:

imagineerswebback
imagineerswebback1523×1389 604 KB

Here’s the standard:

imagineersarrow
imagineersarrow1877×583 231 KB

Here’s me showing the maxium width and still showing a 4 column grid display:

imagineersarrow2
imagineersarrow21821×561 255 KB

2

Hi,

Maybe your friend open it in different browser.
One of the complexity of front-end is cross browser.
Some CSS property may or may not work with different browser.
I don’t think it has anything to do with cache.

1 Like
3

We would need to see your code in order to help you debug it.

1 Like
4

I was able to figure out it was the users browser. He was using an old version of Firefox that isn’t compatible with CSS Grid.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.