# Grid/Flexbox help **URL:** \ **Category:** Elements\ **Tags:** elements\ **Created:** [August 17, 2026, 10:57pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378 "2026-08-17T22:57:46Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 17, 2026, 10:57pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/1 "2026-08-17T22:57:46Z")
I run a weekly football pool for my friends. Before each game I post the randomly drawn numbers and the grid showing the players. It looks like this: ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/b/eb446b4daf2f10ba9d1aba431465f31d26e18c55.jpeg) Last year I created the grid in a spreadsheet, then did a screenshot and posted it at my website as a graphic. But I wanted to just create the grid on my website so all I have to do is change the numbers and team logos every week. I created a 6 x 6 grid, and I added all of the photos, no problem. But I can’t get the numbers/logo squares to work. It seems like all I need to do is put a 1 x 3 grid within the square and then just drag some Image elements in, and finally drag the numbers (the numbers are graphics) and logos in. But every time I try to do this, the graphics take up the entire square and I can’t get all three items in there like the example above. Can someone set me on the right track? ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [August 18, 2026, 4:19am UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/2 "2026-08-18T04:19:34Z")
Consider using a flex instead of a grid. Set it to column mode and then drag in your three elements. Then use the flex alignment and justification options to position the elements within the flex. ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 18, 2026, 5:34pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/6 "2026-08-18T17:34:56Z")
I tried Flex, I can’t get it to work either. All three graphics want to be the full square. ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 18, 2026, 5:37pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/7 "2026-08-18T17:37:17Z")
I don’t want to be a web developer, that’s why I use Elements. I don’t want to have to do a bunch of stuff in CMS. I’m like kindergarten level with this stuff, I just want to play with my blocks and make something that looks good. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 18, 2026, 6:28pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/8 "2026-08-18T18:28:42Z")
Can you share what you’ve done so far via [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/getting-started/elements-cloud)? I can then take a look for you and record a video showing how to do what you want. ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 18, 2026, 7:04pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/9 "2026-08-18T19:04:42Z")
It’s uploaded at my website ([www.savagelizard.com](https://savagelizard.com/mnf-squares-pool/)/mnf-squares-pool/), does that work? If not, what do I need to send you, the .elements file? Thanks. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 19, 2026, 8:13am UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/10 "2026-08-19T08:13:22Z")
> [@SavageLizard](#): > > It’s uploaded at my website ([www.savagelizard.com](https://savagelizard.com/mnf-squares-pool/)/mnf-squares-pool/), does that work? If not, what do I need to send you, the .elements file? Ah, I need access to the Elements project itself to take a look. Can you upload the `.elements` project to [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/getting-started/elements-cloud) and share the link here? I’ve Included a video below showing you how to share the project… [![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/0/50e540cd693f97db4abc4d5eacbaa5b54630c0fd.jpeg "Share and Back-up Projects via Elements Cloud") ](https://www.youtube.com/watch?v=dBj6pkVy2-4) ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 5:02pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/11 "2026-08-19T17:02:07Z")
I have sent it, thanks. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 19, 2026, 5:07pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/12 "2026-08-19T17:07:30Z")
Can you post the link here so I can open it? ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 5:34pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/13 "2026-08-19T17:34:34Z")
I’m really trying not to be a helpless idiot, but I have followed the steps in the video three times attempting to upload the project and it still says “no uploaded documents.” I opened the project, clicked on the cloud, and clicked “upload project.” all three times it appeared to be uploading the project, it showed the size and had a progress bar and eventually said it was done. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 19, 2026, 5:37pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/14 "2026-08-19T17:37:05Z")
Hmm, I’m wondering if you’re project is bigger than 1GB? ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 5:38pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/15 "2026-08-19T17:38:02Z")
It is. ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 6:49pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/16 "2026-08-19T18:49:07Z")
I’m getting closer. I changed the graphic numbers to regular text numbers. I made the graphic in the center Aspect Ratio = wide and Object Fit = contain. I still can’t get it to be 1/3-1/3-1/3 on the box. It’s a 1 x 3 grid. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 19, 2026, 7:12pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/17 "2026-08-19T19:12:36Z")
Ah, Element Cloud Accounts have a 1GB limit right now, so that’s why it was failing. Anyway, I re-created this in Elements for you, take a look… 👉 [Open Project in Elements](elementsapp://downloadDocument/4Zdjd8D6L3Ib) ![CleanShot 2026-08-19 at 8 .11.42@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/b/fb28d5617976ac1b58472e405f7879adf28cf054.jpeg) ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 7:31pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/18 "2026-08-19T19:31:08Z")
That doesn’t seem to be what I am trying to do, all of the squares are graphics. I can already do that. I want all of the photos to stay the same all year, I want the outer squares to be easily changeable each week with different team logos and different randomly drawn numbers. Using that, I would need to create ten graphics each week to populate the outer squares. If each of the outer squares was a 1 x 3 grid with changeable numbers and graphics, that would be great, that’s what I am trying to get to. The 1 x 3 grids are the issue. ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 7:38pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/19 "2026-08-19T19:38:06Z")
![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/6/26c4d73d44e65777b19c095105c19bb44061430c.jpeg) I made a 1 x 3 grid using text numbers at the top and bottom. I don’t know what to do with the graphic in the middle to make is smaller. If the grid was 1/3 - 1/3 - 1/3 I think I’d be good. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 19, 2026, 8:23pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/20 "2026-08-19T20:23:39Z")
Okay, now I understand what you want (I hope). I have gone through and switched the graphics to a flexbox layout, this allows you to change the text to numbers 🙂 👉 [Open Updated project in Elements](elementsapp://downloadDocument/AVAcAbxVsm1O) _P.S. If you like Elements and the support we provide, please feel free to [leave a review over on Trustpilot](https://uk.trustpilot.com/review/elementsplatform.com)_ 😊 ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 19, 2026, 10:12pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/21 "2026-08-19T22:12:13Z")
Thanks. Heading out for a bit, I’ll take a look when I get back. ---
**Author:** ![SavageLizard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/savagelizard/32/30348_2.png) [@SavageLizard](https://forums.realmacsoftware.com/u/SavageLizard)\ **Post date:** [August 20, 2026, 4:57pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/22 "2026-08-20T16:57:30Z")
Looks like we got there. It was helpful to have the example to go look at the settings to see what changed things, thanks! ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [August 20, 2026, 7:38pm UTC](https://forums.realmacsoftware.com/t/grid-flexbox-help/57378/23 "2026-08-20T19:38:49Z")
Awesome, you’re welcome!