# Overlapping contents in Flex **URL:** \ **Category:** Elements\ **Created:** [May 28, 2025, 5:08pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806 "2025-05-28T17:08:44Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![Cablecar69](https://avatars.discourse-cdn.com/v4/letter/c/90db22/32.png) [@Cablecar69](https://forums.realmacsoftware.com/u/Cablecar69)\ **Post date:** [May 28, 2025, 5:08pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/1 "2025-05-28T17:08:44Z")
Hello, Im new to [Elements](https://elementsapp.io/). Im fairly ok with Rapidweaver. I have a question. Im trying to overlap an image and text in a flex box. I have the image first, centred. Then the text and the flexbox in a column format. I set the text top margin to -100px. It shows correct in the viewing window but we i view in browser the text is underneath the image. The flex box is in a container. edit… Ive also tried with flex…just a container, also in a background element. The same result. The display shows what i want but the preview in browser doesnt. Thank you. Chris ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [May 28, 2025, 5:35pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/2 "2025-05-28T17:35:10Z")
not sure if this is what you were trying ---
**Author:** ![Cablecar69](https://avatars.discourse-cdn.com/v4/letter/c/90db22/32.png) [@Cablecar69](https://forums.realmacsoftware.com/u/Cablecar69)\ **Post date:** [May 29, 2025, 8:52am UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/3 "2025-05-29T08:52:54Z")
Its kind of right but the items are off differnt widths. Here is the image of the app… [https://imgur.com/a/eLBZ4qI](https://imgur.com/a/eLBZ4qI) and this is the result in the browser. [https://imgur.com/a/eLBZ4qI](https://imgur.com/a/eLBZ4qI) Thanks again. ---
**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 29, 2025, 11:13am UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/4 "2025-05-29T11:13:05Z")
Can you share the project via [Elements](https://elementsapp.io/) Cloud? We can then take a look and show you how to get the layout you want 🙂 ---
**Author:** ![Cablecar69](https://avatars.discourse-cdn.com/v4/letter/c/90db22/32.png) [@Cablecar69](https://forums.realmacsoftware.com/u/Cablecar69)\ **Post date:** [May 29, 2025, 12:02pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/5 "2025-05-29T12:02:31Z")
Yeah…i’ll give it a go. its really a test project to recreate my website i made in Rapidweaver with Foundry 3 as a way of getting to know [Elements](https://elementsapp.io/). elementsapp://downloadDocument/ySvt9gCarMol Is that what you need? The rapidweaver site is at [www.seriouslycollins.com](http://www.seriouslycollins.com) Chris ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [May 29, 2025, 2:40pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/6 "2025-05-29T14:40:24Z")
is this what you need project here [elementsapp://downloadDocument/qbeodcpieBxW](elementsapp://downloadDocument/qbeodcpieBxW) I reset the flex image and text and then just used the transform on the text component ---
**Author:** ![Cablecar69](https://avatars.discourse-cdn.com/v4/letter/c/90db22/32.png) [@Cablecar69](https://forums.realmacsoftware.com/u/Cablecar69)\ **Post date:** [May 29, 2025, 3:29pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/7 "2025-05-29T15:29:15Z")
Yeah…i think thats spot on. Thank you. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [May 29, 2025, 3:40pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/8 "2025-05-29T15:40:14Z")
the only issue will be responsive size of text I changed the image to px and changed text for each screen size [https://share.cleanshot.com/w7Ksgm87jgmX7j5TGwBV](https://share.cleanshot.com/w7Ksgm87jgmX7j5TGwBV) ---
**Author:** ![Cablecar69](https://avatars.discourse-cdn.com/v4/letter/c/90db22/32.png) [@Cablecar69](https://forums.realmacsoftware.com/u/Cablecar69)\ **Post date:** [May 29, 2025, 4:32pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/9 "2025-05-29T16:32:38Z")
Hi Steve, Thank you…i just worked that out too…change by break point but also translate by % seems to do it also. Thank you so much for your help. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [May 29, 2025, 4:53pm UTC](https://forums.realmacsoftware.com/t/overlapping-contents-in-flex/47806/10 "2025-05-29T16:53:07Z")
Lots of ways to do it