# Stupid question on grids **URL:** \ **Category:** Elements\ **Created:** [September 17, 2025, 9:00pm UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110 "2025-09-17T21:00:04Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 17, 2025, 9:00pm UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/1 "2025-09-17T21:00:04Z")
Am wondering what the correct structure would be for a shop where you might want 4 product items side-by-side on a big screen and only one on a phone. Is it a grid which changes the number of columns based on the format ? How then is the ‘overflow’ achieved when the grid width is reduced, but the length must be extended (ie. from 4 products across to 3 when you have say 16 total). Do I set it up as a grid of 16 wide by one high and adjust from there according to required format ? Sorry it that’s a daft question Jol ---
**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\ **Post date:** [September 17, 2025, 9:17pm UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/2 "2025-09-17T21:17:24Z")
The grid has 12 columns, so I would do 8x2 or 4x4 on large screens. When you put it together in Elements, figure out how you want it laid out first, then design mobile first (as that is how Elements is designed). It will be w **WHOLE** lot easier that way. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [September 17, 2025, 9:27pm UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/3 "2025-09-17T21:27:47Z")
@jbob is this what you mean mobile first ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [September 18, 2025, 6:31am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/4 "2025-09-18T06:31:02Z")
Hi @jbob A Grid sounds like the correct component for this 😃 Steve’s video above shows him setting up a responsive grid, but if you need more information on responsive settings, you can check out the [video here](https://docs.realmacsoftware.com/elements-docs/editor/responsive-breakpoints). If you get stuck just let us know and we’ll be happy to help 🙂 ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 8:20am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/5 "2025-09-18T08:20:03Z")
Thanks Steve and thanks Ben - exactly what I needed !! ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 9:26am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/6 "2025-09-18T09:26:38Z")
Steve, Ben A grid may be defined as big as 12 x 12, right ? That means that a grid can have 144 products (for example) Mine has 3 across by 10 high … grand total 30 products - for a desktop screen However, when I define for a cell phone at 1 product across … I am limited into 12 rows (following me?) Meaning I can now only have 12 products, right ? This can’t be right - can it ? I think the use of a slider here is fantastic - but isn’t it artificially limiting my grid to 12 x 12 ? I actually want 1 across by 30 down for mobiles - in this case (some may want more). Thanks, Jol ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 9:30am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/7 "2025-09-18T09:30:47Z")
Further - with my 30 product (3x10) … … if I adjust for mobile at 1 product across then they start overwriting themselves ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/4/54bb367563b6ed15b3f4b9027f018f091acf7621.jpeg) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [September 18, 2025, 9:39am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/8 "2025-09-18T09:39:29Z")
@jbob this is working with the max of 12 cols, but this is using auto row not defining a grid in number of rows, see how many rows here ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [September 18, 2025, 9:50am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/9 "2025-09-18T09:50:58Z")
How did you build your single container, need to make that responsive as well ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 9:51am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/10 "2025-09-18T09:51:06Z")
Thank you Steve - great explanation ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [September 18, 2025, 9:52am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/11 "2025-09-18T09:52:24Z")
Could you show before you reduced to mobile view what does that look like, I was using images they scale automatically other content may not do that ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 9:54am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/12 "2025-09-18T09:54:23Z")
Nope - really happy here Steve - you’ve been an enormous help !! I’d love to show you However I cant upload it as the page just shows this .. ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/f/dff13203ed493d54dfcb3f38e0be4a3c63f64c5a.png) ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 9:55am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/13 "2025-09-18T09:55:53Z")
If I export to my local drive and preview the print\_shop.html by pressing the keyboard space bar … it shows the same … so somehow it looks fine in RWE but crappola once exported from RWE ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 9:56am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/14 "2025-09-18T09:56:50Z")
I started another thread about it here > [@Page replaced by big empty image container](https://forums.realmacsoftware.com/t/page-replaced-by-big-empty-image-container/51097/15): > > Dan - I’ve tried what I can. If I ‘export site’ to a folder on my hard drive … and preview my questionable files (eg: print\_shop.html) … then all necessary files should be available. They are clearly not as I get this empty image block and nothing else. FTP’ing files to the server at (…/2025) confirms this. (ie ../2025/print\_shop.html) Additionally (and there may be a clue here) - The header (a global) is missing its lower (4 part) image on all but the index.html page. [This image was added to … ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [September 18, 2025, 10:04am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/15 "2025-09-18T10:04:03Z")
I mean in Elements, snapshot and just post here, copy and paste ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 10:55am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/16 "2025-09-18T10:55:04Z")
![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/7/b700d833b16e92fd5528709a314bef4c5ac4c947.jpeg) ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/3/e3b8101bb76c282d23322667df247ea07e47ad86.jpeg) ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 10:56am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/17 "2025-09-18T10:56:18Z")
I’m pretty happy with progress Steve - thanks to you !! (although as you see in the next image I still have big spaces between rows ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/0/7050b82b850378ba08f8e7253dea82dd7be1eed0.jpeg) ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 10:57am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/18 "2025-09-18T10:57:32Z")
My bigger problem now is that although it looks great on my screen - the export / and / or upload results in this big black empty box .. > **[Peter Yates Print Shop](https://www.peteryates.co.uk/2025/print_shop.html)** > > Peter Yates Art Prints, Limited Edition numbered and stamped on 330gsm Somerset Velvet paper. Introductory prices are available. For more information, please contact us. ---
**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\ **Post date:** [September 18, 2025, 11:00am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/19 "2025-09-18T11:00:43Z")
I think it’s an error with globals ? - as only my initial page ( [Peter Yates, Artist and Architect 1920-1982](http://peteryates.co.uk/2025) ) displays the full header ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [September 18, 2025, 11:10am UTC](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110/20 "2025-09-18T11:10:43Z")
I use show outlines to check position etc [Next page](https://forums.realmacsoftware.com/t/stupid-question-on-grids/51110.md?page=2)