# Learning Elements ... for good friends

**URL:** <https://forums.realmacsoftware.com/t/learning-elements-for-good-friends/56029>\
**Category:** Elements\
**Created:** [May 9, 2026, 9:11pm UTC](https://forums.realmacsoftware.com/t/learning-elements-for-good-friends/56029 "2026-05-09T21:11:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matthias](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/matthias/32/181_2.png) [@Matthias](https://forums.realmacsoftware.com/u/Matthias)\
**Post date:** [May 9, 2026, 9:11pm UTC](https://forums.realmacsoftware.com/t/learning-elements-for-good-friends/56029/1 "2026-05-09T21:11:56Z")

</div>

Hi, I bought Elements last week and now I’m learning how to use it.. 🙂 (was a foundry boy.) I have watched all the YouTube videos about the components.

I started by copying my old content into the fitness template. Sure, you can do that — it works well and looks just like before… But I actually want to try something new for my little site: a collage design.

Today I recreated a collage website (not my own), only to learn Elements, I’m going to design my website in a similar way, therefore, it should not have a standard menu.

Now there are some questions:

1. Can a container’s top margin be negative? -50px

2. I can’t get the buttons to align to the left inside a Flex (one after the other); they’re always centered.

3. There’s a component called “Top Pages.” Is it possible to make it look like a word cloud?

4. Only the hamburger SVG file should be sticky; not the logo. Should I create the menu using a modal? How?

Have a nice day, Matthias

 ![Bildschirmfoto](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/f/5fb8d031a3dce14000854e3ec39a8e8907f2d525.jpeg)

---

<div class="post-metadata">

**Author:** ![ercross](https://avatars.discourse-cdn.com/v4/letter/e/c57346/32.png) [@ercross](https://forums.realmacsoftware.com/u/ercross)\
**Post date:** [May 9, 2026, 10:03pm UTC](https://forums.realmacsoftware.com/t/learning-elements-for-good-friends/56029/2 "2026-05-09T22:03:30Z")

</div>

To get the button to a line to the left set the Spacing Margin of the Button.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/d/4db8db59e8d5a168c355072ec699aa4b62eb8c30.png)

---

<div class="post-metadata">

**Author:** ![Matthias](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/matthias/32/181_2.png) [@Matthias](https://forums.realmacsoftware.com/u/Matthias)\
**Post date:** [May 18, 2026, 5:32am UTC](https://forums.realmacsoftware.com/t/learning-elements-for-good-friends/56029/3 "2026-05-18T05:32:22Z")

</div>

Thanks, that works for two buttons.  
How do I arrange multiple buttons side by side so they wrap on small screens?  
In Flex, they don’t wrap. In the grid, they’re all the same width.

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [May 18, 2026, 12:26pm UTC](https://forums.realmacsoftware.com/t/learning-elements-for-good-friends/56029/4 "2026-05-18T12:26:52Z")

</div>

In flex, play with these two settings to get it just how you like. You’ll probably want Direction to be “Row” and Wrap Items either “Wrap” or “Wrap Reverse.”

 ![Screenshot 2026-05-18 at 8.26.02 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/1/a1be917d8327ceb779d73c21766eb08097f5a67b.png)