# How do you do that?

**URL:** <https://forums.realmacsoftware.com/t/how-do-you-do-that/56111>\
**Category:** Elements\
**Created:** [May 13, 2026, 8:49pm UTC](https://forums.realmacsoftware.com/t/how-do-you-do-that/56111 "2026-05-13T20:49:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Blumik](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/blumik/32/24405_2.png) [@Blumik](https://forums.realmacsoftware.com/u/Blumik)\
**Post date:** [May 13, 2026, 8:49pm UTC](https://forums.realmacsoftware.com/t/how-do-you-do-that/56111/1 "2026-05-13T20:49:22Z")

</div>

I’ll ask the question here:

 ![Bildschirmfoto 2026-05-13 um 22.46.00](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/e/9ee07594d0772f9680cc0e4546f8a2e237e31b1c.jpeg)

How do you do what can be seen in the picture with the half overlap

---

<div class="post-metadata">

**Author:** ![iMac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/imac/32/110_2.png) [@iMac](https://forums.realmacsoftware.com/u/iMac)\
**Post date:** [May 13, 2026, 9:23pm UTC](https://forums.realmacsoftware.com/t/how-do-you-do-that/56111/2 "2026-05-13T21:23:17Z")

</div>

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/b/ab8395aabbf2c9f8943b63786e921bab9d73cfad.jpeg "Let’s Build: A Two-Column Layout Using Grid and Flex") ](https://www.youtube.com/watch?v=jCqnJmvTkgk&t=184)

---

<div class="post-metadata">

**Author:** ![Blumik](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/blumik/32/24405_2.png) [@Blumik](https://forums.realmacsoftware.com/u/Blumik)\
**Post date:** [May 14, 2026, 11:37am UTC](https://forums.realmacsoftware.com/t/how-do-you-do-that/56111/3 "2026-05-14T11:37:14Z")

</div>

Just how do I make it look like it does in the picture?

---

<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 14, 2026, 12:26pm UTC](https://forums.realmacsoftware.com/t/how-do-you-do-that/56111/4 "2026-05-14T12:26:23Z")

</div>

Use a grid, then use with an image in one column, then a container as a grid item with another container for your content in the other column. On the content container use the transform translate function in the container component inspector.

 ![transforms](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/a/9a2493b85ae7062351c8431e1696b73a102f5d9e.jpeg)