Button positioning
Pls how do I make this buttons stay on the same position regardless of how the paragraphs words wrap?
I've googled & chatgtp how to do it and the answers see don't work, probably because Google doesn't understand my question precisely
4 Replies
The paragraph wrapping is why it’s being pushed down, you’d have to cut your paragraph short or perhaps use a method like
overflow: ellipse;
for example, but I’m sure you want to keep all your info there, usually people wouldn’t align everything perfectly to a tee in this case, if there’s more content in a card, there’s more content, it doesn’t look bad at all, I would however adapt your layout depending on the screen size as it looks a little squished, perhaps have them stack at the screenshot size and switch to that layout the bigger the viewport getsyou can set property according to your card layout.
If you are using flex layout than enclose button in div and set property to button to position flex end.
Use a grid and put the buttons in a seperate row.
Others haven't shared code, so https://codepen.io/z-/pen/yLGxWga/572fe9ada33bea2966c63c4580ec046d?editors=1100