Need help vertically aligning text to end

1

Hi there,

Im working on my product landing page and im having some trouble getting the prices to vertically align to the bottom-end of its “product”-container. I’ve tried everything I could think of like justify-content, text-align, vertical align, align self, align items, setting the p stylus to flex, and using table display.

I figure I could move the prices out of the product-container but I was wondering if there was a way to do it with leaving them in there.

Any help would be greatly appreciated!

2

Hey,

one thing you could try is add margin-top: auto; to your price class. This will tell the prices to automatically distance themselves as much as possible in the container (take up as much space as available above them, hence margin-top), making them all sit on the bottom of it.

I don’t know if there is a better way to do it, but this way it should work.

3

Yup, it got the job done. Thanks!

4

Glad I could help. :slight_smile: