# Creating a Card

**URL:** <https://forums.realmacsoftware.com/t/creating-a-card/47510>\
**Category:** Elements\
**Created:** [May 11, 2025, 9:43am UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510 "2025-05-11T09:43:39Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![majobo](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@majobo](https://forums.realmacsoftware.com/u/majobo)\
**Post date:** [May 11, 2025, 9:43am UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/1 "2025-05-11T09:43:39Z")

</div>

Hi, just tried to create a card, or actually a bunch of them. I watched the video @dan created for that and got stuck. Essentially you created a container, within it a grid and within the grid another container. You dropped an image as a background and all of that works. Where I get stuck is the next step. You drop in a text component that is aligned center, mine is aligned top, no matter how large the text is. In the content layout alignment is set to center, but that doesn’t seem to do anything. What am I missing?  
Cheers, Matthias

---

<div class="post-metadata">

**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:** [May 12, 2025, 8:06am UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/2 "2025-05-12T08:06:03Z")

</div>

It’s likely a setting somewhere, or how you’ve got your components setup.

Could you share a visual example of what you’re trying to achieve, or share the project you’re working on and we can do a quick example for you 🙂

Note: you can share your projects for free via [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up)!

---

<div class="post-metadata">

**Author:** ![majobo](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@majobo](https://forums.realmacsoftware.com/u/majobo)\
**Post date:** [May 12, 2025, 4:21pm UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/3 "2025-05-12T16:21:16Z")

</div>

Hi Ben,  
I uploaded the a simple sample project elementsapp://downloadDocument/kuX1IzdoRaA2  
Content alignment is set to center, but text displays at the top.  
Cheers, Matthias

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [May 12, 2025, 5:52pm UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/4 "2025-05-12T17:52:07Z")

</div>

> [@majobo](#):
>
> elementsapp://downloadDocument/kuX1IzdoRaA2

Here ya go 😉

[elementsapp://downloadDocument/QCheu5RvJZjb](elementsapp://downloadDocument/QCheu5RvJZjb)

Instead of checking all your settings, I just created what you had anew without changing any of the settings. Nothing fancy to see here. When I added the container into the 3 column grid, the container automatically centered itself vertically, as did the added text.

I would recommend to set the height to the grid instead to the inner container though. Makes adjusting the height later or for other devices sizes less cumbersome later.

---

<div class="post-metadata">

**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:** [May 12, 2025, 6:53pm UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/5 "2025-05-12T18:53:19Z")

</div>

I took a quick look at your project, and the reason you can’t centre your content is due to you having set the height/width on the Content Layout settings, whereas you wanted to set that on the Sizing width/height. Here’s a quick video explain how to fix, hope that helps 🙂

---

<div class="post-metadata">

**Author:** ![majobo](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@majobo](https://forums.realmacsoftware.com/u/majobo)\
**Post date:** [May 13, 2025, 4:45am UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/6 "2025-05-13T04:45:14Z")

</div>

That does indeed explain it - Thanks a lot Ben!  
Cheers, Matthias

---

<div class="post-metadata">

**Author:** ![majobo](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@majobo](https://forums.realmacsoftware.com/u/majobo)\
**Post date:** [May 13, 2025, 4:48am UTC](https://forums.realmacsoftware.com/t/creating-a-card/47510/7 "2025-05-13T04:48:57Z")

</div>

Thanks a lot! Setting the hight of the grid instead of the container should indeed make it easier!  
Cheers, Matthias