I can’t figure out how to properly and exactly align the bottom or the baseline of the text to the bottom of its “container” (the blue box) ? At the moment I can only “achieve” this by messing around with the line-height but this is not a good option as my font-size is based in vw and so when I resize, the whole thing gets messed up. I just woult like the bottom of the font to touch the bottom of the blue box. Is it possible ?
To perfectly align the text baseline with the bottom of the container without relying on line-height, use CSS flexbox with align-items: flex-end on the parent container to push the text to the bottom. If that doesn’t work, try setting the container’s display to inline-flex and vertical-align to bottom. Another option is adjusting the font’s leading-trim (if supported) to remove extra spacing around the text. Also, avoid using vh or vw for font sizes in such cases—stick to em or rem for better scalability. If you’re using Webflow, ensure the text block is set to “Auto” height instead of a fixed height to prevent misalignment when resizing.
