# Centering Cards on a Grid

**URL:** <https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218>\
**Category:** Elements\
**Created:** [May 19, 2026, 6:54pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218 "2026-05-19T18:54:51Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [May 19, 2026, 6:54pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/1 "2026-05-19T18:54:51Z")

</div>

I’m trying to display 5 cards (from Elements Essentials) across two rows. I want 3 cards in the first row, and 2 cards in the second row. I want all cards to be the same size, and I want the second row centered.

I’ve got the cards laid out in two separate Grid components (1 for each row).

What is the correct way to get the second row centered?

 ![Screenshot 2026-05-19 at 2.49.59 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/2/a23751c282e7a53be4702480a0fa6f407534f4d0.jpeg)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [May 19, 2026, 7:03pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/2 "2026-05-19T19:03:02Z")

</div>

I would do different containers and different settings

Leave the first, drop a new container for the two card section - then insert two cards

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [May 19, 2026, 7:14pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/3 "2026-05-19T19:14:15Z")

</div>

![Screenshot 2026-05-19 at 3.13.43 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/b/bbab689d4918de1d286fd65f173d601fe3266b73.png)

I have that set up right now, the trick I haven’t figured out is how to center the 2x1 grid while maintaining the same size cards as the 3x1 grid.

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [May 19, 2026, 7:33pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/4 "2026-05-19T19:33:32Z")

</div>

Sorry not at the computer to see settings…

---

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [May 19, 2026, 7:42pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/5 "2026-05-19T19:42:06Z")

</div>

take a look @ this video.

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/1/b11a166e6f6fba464feabedeed4fbbf023da9599.jpeg "Laying out content using the Flex Component") ](https://www.youtube.com/watch?v=zS3g9dL31Ac)

i hope this helps

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [May 19, 2026, 8:11pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/6 "2026-05-19T20:11:27Z")

</div>

It’s certainly helpful, but I’m still not sure how to preserve the card size so that it’s the exact same between the two rows.

Here’s a ~~link to the project file~~ , if that’s helpful. (_Removed after problem solved_)

The most important thing is that the cards are all the same size.

---

<div class="post-metadata">

**Author:** ![jenkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jenkman/32/5003_2.png) [@jenkman](https://forums.realmacsoftware.com/u/jenkman)\
**Post date:** [May 19, 2026, 8:46pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/7 "2026-05-19T20:46:47Z")

</div>

try this. put it together fast so no settings for mobile. Set the grids to 6 wide and the grid containers to 2 wide for the three cards. the second grid same 6 columns wide and grid container 1 and 4 are 1 column wide

elementsapp://downloadDocument/Uu6q7PrbE7kg

---

<div class="post-metadata">

**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:** [May 19, 2026, 8:48pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/8 "2026-05-19T20:48:08Z")

</div>

I think what you want to do is set your grid to six columns, and your cards to two columns.  
That way you can nudge the second row along to start at 1 column in. It’s hard to explain, so I recorded a quick video…

Here’s a screenshot and a copy of the project 👉 [Open Project in Elements](elementsapp://downloadDocument/ZrYsXPstgdob)

 ![CleanShot 2026-05-19 at 9 .47.10@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/2/5228690ca4fa14ed250a8c67805fde04289708ec.jpeg)

---

<div class="post-metadata">

**Author:** ![jenkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jenkman/32/5003_2.png) [@jenkman](https://forums.realmacsoftware.com/u/jenkman)\
**Post date:** [May 19, 2026, 8:49pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/9 "2026-05-19T20:49:03Z")

</div>

exactly what I uploaded also.

---

<div class="post-metadata">

**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:** [May 19, 2026, 8:50pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/10 "2026-05-19T20:50:07Z")

</div>

This is interesting, because it’s not the same… my solution is a little cleaner. Notice how I only use a single grid 😉

 ![CleanShot 2026-05-19 at 9 .49.51@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/f/cf4b7c82c151f1a52205871531fa6d6dbd49e2cc.png)

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [May 19, 2026, 8:56pm UTC](https://forums.realmacsoftware.com/t/centering-cards-on-a-grid/56218/11 "2026-05-19T20:56:14Z")

</div>

Thank you, all!
