Align an element to the bottom (or any side) of a container

Ara Gemilyan

• August 07, 2021 23:13

I've encountered many situations where I've wished that I could have an element automatically align with the bottom edge of a container.

This most often happens when I'm designing boxes that contain text with a button below, and the text of each box is a different length. So when you look at the page on the frontend, the buttons aren't aligned horizontally, which looks sloppy. But if we had the ability to set each of the buttons to align with the bottom of the container, then those boxes would appear neater and more organized. We can sometimes solve this by adding a row, dividing it into columns, and then putting those buttons (or whatever element) in that separate row instead of in the same container as the text. However, this little workaround doesn't always work, so having a "snap to container edge" option would be extremely handy.

It would be nice if in the settings there was a dropdown box that allows you to "snap" an element to the bottom, top, left side, or right side of the container. This would probably have to disregard padding and margins, or maybe just the margins so we could add a little padding if necessary.

Anyway, this is something I've wished we had on Brizy for quite a while.

0

• 

  Permanently deleted user

  • August 09, 2021 08:33

  Hi Dane,

  Thank you for your message.

  Thank you for your suggestion. I we'll send it to our managers and they will add it to a Feature Request list.

  Best regards, Nelea.

  0

Please sign in to leave a comment.