# Hierarchy?

**URL:** <https://forums.realmacsoftware.com/t/hierarchy/48050>\
**Category:** Elements\
**Created:** [June 14, 2025, 6:39pm UTC](https://forums.realmacsoftware.com/t/hierarchy/48050 "2025-06-14T18:39:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tov](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tov/32/29403_2.png) [@Tov](https://forums.realmacsoftware.com/u/Tov)\
**Post date:** [June 14, 2025, 6:39pm UTC](https://forums.realmacsoftware.com/t/hierarchy/48050/1 "2025-06-14T18:39:19Z")

</div>

I have a grid with three columns. In each of them a flex and in the left and right flex a gallery. In the middle flex a picture that if you hover over it becomes bigger. It hovers over the lefthand gallery but it dives underneath the one on the right.  
Is there a way for me to correct that it will hover over both galleries ?

---

<div class="post-metadata">

**Author:** ![maxken](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@maxken](https://forums.realmacsoftware.com/u/maxken)\
**Post date:** [June 15, 2025, 3:41am UTC](https://forums.realmacsoftware.com/t/hierarchy/48050/2 "2025-06-15T03:41:58Z")

</div>

The center Flex needs a higher Z-index than the two outer (gallery) Flexes. Try this …

The Z-index is set in the Layout attributes of each Flex.  
All 3 flexes will start with the default Z-index of “None”.  
Change the Z-index of the center Flex/Layout attribute to “Custom” and enter a number greater than zero.

---

<div class="post-metadata">

**Author:** ![Tov](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tov/32/29403_2.png) [@Tov](https://forums.realmacsoftware.com/u/Tov)\
**Post date:** [June 15, 2025, 10:47am UTC](https://forums.realmacsoftware.com/t/hierarchy/48050/3 "2025-06-15T10:47:14Z")

</div>

Thank you! 😀