Grid/Flexbox help

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:

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?

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.

I tried Flex, I can’t get it to work either. All three graphics want to be the full square.

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.

Can you share what you’ve done so far via Elements Cloud? I can then take a look for you and record a video showing how to do what you want.

It’s uploaded at my website (www.savagelizard.com/mnf-squares-pool/), does that work? If not, what do I need to send you, the .elements file?

Thanks.

Ah, I need access to the Elements project itself to take a look. Can you upload the .elements project to Elements Cloud and share the link here?

I’ve Included a video below showing you how to share the project…

I have sent it, thanks.

Can you post the link here so I can open it?

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.

Hmm, I’m wondering if you’re project is bigger than 1GB?

It is.

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.

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…

:backhand_index_pointing_right: Open Project in Elements

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.

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.

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 :slightly_smiling_face:

:backhand_index_pointing_right: Open Updated project in Elements

P.S. If you like Elements and the support we provide, please feel free to leave a review over on Trustpilot :blush:

Thanks. Heading out for a bit, I’ll take a look when I get back.

Looks like we got there. It was helpful to have the example to go look at the settings to see what changed things, thanks!

Awesome, you’re welcome!