# Arrows between containers

**URL:** <https://community.appfarm.io/t/arrows-between-containers/1515>\
**Category:** Ask the community\
**Created:** [November 18, 2024, 12:50pm UTC](https://community.appfarm.io/t/arrows-between-containers/1515 "2024-11-18T12:50:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![OleSorheim](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/olesorheim/32/1171_2.png) [@OleSorheim](https://community.appfarm.io/u/OleSorheim)\
**Post date:** [November 18, 2024, 12:50pm UTC](https://community.appfarm.io/t/arrows-between-containers/1515/1 "2024-11-18T12:50:15Z")

</div>

Hi!

I’m looking to create something like the picture below, and was wondering if anyone has a suggestion of how to make it? The arrows and containers can be static

Anyone tried to recreate the behaviour of Miro?

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/c/c952b8fabf7d5bae4bd9950e3c82727ce9ce798a.png)

---

<div class="post-metadata">

**Author:** ![Malin](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/malin/32/1634_2.png) [@Malin](https://community.appfarm.io/u/Malin)\
**Post date:** [November 20, 2024, 9:09am UTC](https://community.appfarm.io/t/arrows-between-containers/1515/2 "2024-11-20T09:09:53Z")

</div>

Hi!

Recreating something like this isn’t entirely straightforward, but considering your content is static, it’s not impossible. That said, achieving responsiveness might be more challenging, if you plan to display this on different screen sizes.

I put together a quick example in my app. You can see the structure in the picture below.

 ![Skjermbilde 2024-11-20 095659](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/d/dccf139d599b5de2bd8e983ce49b13f1c8510b9a.png)

I’d love to hear if anyone else has found a better way to approach this. Also, feel free to ask if you have any other questions.

Malin

---

<div class="post-metadata">

**Author:** ![Preben](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/preben/32/545_2.png) [@Preben](https://community.appfarm.io/u/Preben)\
**Post date:** [November 25, 2024, 8:15am UTC](https://community.appfarm.io/t/arrows-between-containers/1515/3 "2024-11-25T08:15:09Z")

</div>

could it be an option to use mermaid instead? I haven’t tried it in appfarm yet - but should be possible

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/3/3546456a0cf9bc10462d5072999f81000df49a6e.png)

depends also on the content you want to show in the boxes.