# Elements layout flexibility! **URL:** \ **Category:** Elements\ **Created:** [August 24, 2025, 8:45am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126 "2025-08-24T08:45:21Z")\ **Posts on this page:** 14\ **Page:** 1
**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:** [August 24, 2025, 8:45am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/1 "2025-08-24T08:45:21Z")
Only Elements, layout of elements components, Main container set to Relative, rest set to Absolute, fairly easy ---
**Author:** ![tgr](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tgr/32/15402_2.png) [@tgr](https://forums.realmacsoftware.com/u/tgr)\ **Post date:** [August 24, 2025, 8:49am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/2 "2025-08-24T08:49:48Z")
Nice đź‘Ź ---
**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\ **Post date:** [August 24, 2025, 8:55am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/3 "2025-08-24T08:55:45Z")
Great example, thanks for sharing! ---
**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:** [August 24, 2025, 9:34am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/4 "2025-08-24T09:34:48Z")
more real world example, only one icon scales, rest would need duplicating numbers update ---
**Author:** ![tgr](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tgr/32/15402_2.png) [@tgr](https://forums.realmacsoftware.com/u/tgr)\ **Post date:** [August 24, 2025, 10:34am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/5 "2025-08-24T10:34:36Z")
This technique is definitely something I can use. BTW: Is there a way to hide the dropzones that is shown for empty containers? ---
**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:** [August 24, 2025, 10:45am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/6 "2025-08-24T10:45:57Z")
All the containers are used, see make smaller, they do not show in browser, they are the container / flex dropzones, the content was translated to its new position, someone asked this before if dropzones could be hidden cant remember ---
**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:** [August 24, 2025, 10:56am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/7 "2025-08-24T10:56:39Z")
I turned on a container circle to align the circular path, some need tweaking to align to the pixel, just proof of concept. Elements has so many settings, provides lots of ways to create what required additional addons ---
**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:** [August 24, 2025, 11:12am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/8 "2025-08-24T11:12:25Z")
if you want 5 or 7 or 3 etc use a divider line rotated eg 360 / 5 =72, the set length to the diameter you need, could have done that with 8 as well @tgr updated way use flex and set to hidden updated project [elementsapp://downloadDocument/84KUQK3NKrIq](elementsapp://downloadDocument/84KUQK3NKrIq) ---
**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:** [August 24, 2025, 1:38pm UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/9 "2025-08-24T13:38:17Z")
I did write a component to do this + a few other components, lots f components ---
**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:** [August 24, 2025, 2:00pm UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/10 "2025-08-24T14:00:31Z")
> [@tgr](#): > > BTW: Is there a way to hide the dropzones that is shown for empty containers? If you want to hide a drop-zone in the editor, you can always drop in an empty Custom Component as a work-around! ---
**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:** [August 24, 2025, 2:02pm UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/11 "2025-08-24T14:02:07Z")
Knew I had seen that somewhere before couldn’t remember ---
**Author:** ![tgr](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tgr/32/15402_2.png) [@tgr](https://forums.realmacsoftware.com/u/tgr)\ **Post date:** [August 24, 2025, 2:23pm UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/12 "2025-08-24T14:23:02Z")
Thanks – that works 👍 ---
**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:** [August 24, 2025, 3:54pm UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/13 "2025-08-24T15:54:04Z")
another real world example perhaps restricted on width unless happy to adjust for responsive widths ---
**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:** [August 25, 2025, 5:41am UTC](https://forums.realmacsoftware.com/t/elements-layout-flexibility/50126/14 "2025-08-25T05:41:57Z")
You can of course use top left right and bottom + inset 0