Trying to align every card so that the button?

in before someone mentions the unfinished title. https://github.com/callum-laing/shopping-site/tree/main/app I'm trying to figure out how I do this, I have no idea really.. What I want is for the button to be the full width of the card, I then want the text to be under the image like it is, and then I want the price to be above the button. so really, the button and price should be in the same position on every card, with the text hugging the bottom of the images..
No description
8 Replies
ἔρως
ἔρως4mo ago
What I want is for the button to be the full width of the card
add display: block; width: 100% to the button
CDL
CDL4mo ago
nice! I knew it was something simple 😄 now I just need to figure out how to have the button + price sit at the bottom of the card, instead of floating
ἔρως
ἔρως4mo ago
that's a whole different topic
CDL
CDL4mo ago
Thought so I thought it would've been something like uhh... contain the text and button in a div then add flex and space-between, but apparently not
ἔρως
ἔρως4mo ago
make a different post with that, and i will see it
CDL
CDL4mo ago
It's technically this post 😄 I meant to say "trying to align very card so that the button sits at the bottom" but I fatfingered the enter key
ἔρως
ἔρως4mo ago
it's still better to ask a new question, in this case
CDL
CDL4mo ago
alrighty let me make a new one and we'll solve this one