- This topic has 3 replies, 2 voices, and was last updated 7 years, 7 months ago by
.
-
Posts
-
Hi.
I have a page using sections. One of the sections has three columns (with lightweight grid columns). Each column has a click here button which are not aligned horizontally (basically because the paragraphs above it are not the same length).What code should I use to align these three? Perhaps align them to the bottom of each column instead of right after the paragraph?
Thanks
Lead Developer
Hi there,
This isn’t really possible without using very hacky CSS.
If you need them to be perfectly aligned, your best bet is making the titles/content above the same height.
One of the hacky options is making the buttons absolute positioned:
.my-button-class { position: absolute; bottom: 0; }But the results will be inconsistent, especially on mobile and smaller screens.
Yeah, I thought that would be the case. I guess i’ll have to tweak the content.
Thanks for the quick reply.
No problem 🙂
- You must be logged in to reply to this topic.