# Foundation col and rows being thrown off on desktop browser **URL:** \ **Category:** Beginners\ **Created:** [September 5, 2021, 4:58pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624 "2021-09-05T16:58:57Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [September 5, 2021, 4:58pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/1 "2021-09-05T16:58:57Z")
All my [mcgraphics.us/art](http://mcgraphics.us/art) rows and columns are being thrown off by images in cars folder so I have extra gutters. This is Foundation. Is the sale button, div.sale–main the a problem? Suggestions please. ![Screen Shot 2021-09-05 at 9.34.32 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9a15c78a6949614f42de38e4f58c6b726cdaf5e6.png) ![Screen Shot 2021-09-05 at 9.35.25 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3926d67799affbef8b25440b5930b0631757661f.jpeg) ![Screen Shot 2021-09-05 at 9.35.25 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3926d67799affbef8b25440b5930b0631757661f.jpeg) ![Screen Shot 2021-09-05 at 9.33.04 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d15064301d907425896f2949350ef52f8a24a0d2.png) ---
**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [September 5, 2021, 5:13pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/2 "2021-09-05T17:13:09Z")
@kat Check the image sizes, some of them are different and it might be what is throwing your layout. You might need to specify a width/height. ![Screenshot 2021-09-05 at 18.11.27](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/464e004641dcb7a7ee9780f88a193a8aaf4ae03c.jpeg) ![Screenshot 2021-09-05 at 18.11.33](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/282ab8827b43e8b4dddb7934f3476c3b0ec35b11.jpeg) ---
**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [September 5, 2021, 6:15pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/3 "2021-09-05T18:15:14Z")
> [@Rob](#): > > Check the image sizes, some of them are different and it might be what is throwing your layout. You might need to specify a width/height Just resized all from 550 to 400, missed the BMW. Resizing help. Problem still with motorcycle and Datsun Z, both 400x400. ![Screen Shot 2021-09-05 at 11.11.13 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1f771a55030d78163cad8635bc81f723e835adba.png) ![Screen Shot 2021-09-05 at 11.11.27 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/8735289958b8039818c7cfd26da89bbc63ace97f.png) ---
**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [September 5, 2021, 6:33pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/4 "2021-09-05T18:33:58Z")
Cols/rows seem okay when I view it now. This is what I’m seeing: ![Screenshot 2021-09-05 at 19.29.25](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9e72de939ea575b0c192c71c1b5fe28955c56d1a.jpeg) ![Screenshot 2021-09-05 at 19.29](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9995ba847391604a35e15e6481cbe636b6f393e8.jpeg) ---
**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [September 5, 2021, 6:58pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/5 "2021-09-05T18:58:04Z")
It only happens in those 2 places when I extend the chrome or firefox browser really wide. I deleted cache. Possibly a media query for over 1200 and change the col #s? ![Screen Shot 2021-09-05 at 11.49.06 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/868b3f3d04d242c923de928cb78071865ba78c70.png) ![Screen Shot 2021-09-05 at 11.11.27 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/e35daaf11d59bb9cf6652a7fa9ccfcbe728a4b8d.jpeg) ---
**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [September 5, 2021, 10:58pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/6 "2021-09-05T22:58:33Z")
solution was to change to large-12 and add large-centered from `
` Looks very old fashioned but it works. Now to center nav and footer. OK to use css grid and interactions with Foundation? ---
**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [September 6, 2021, 4:10pm UTC](https://forum.pinegrow.com/t/foundation-col-and-rows-being-thrown-off-on-desktop-browser/5624/7 "2021-09-06T16:10:36Z")
@kat Sorry only just seeing this now, I’m glad you figured it out.