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
ἔρως14d ago
What I want is for the button to be the full width of the card
add display: block; width: 100% to the button
C
CDL14d 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
ἔρως14d ago
that's a whole different topic
C
CDL14d 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
ἔρως14d ago
make a different post with that, and i will see it
C
CDL14d 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
ἔρως14d ago
it's still better to ask a new question, in this case
C
CDL14d ago
alrighty let me make a new one and we'll solve this one
Want results from more Discord servers?
Add your server
More Posts
Tailwind helpI use Tailwind and would like to display the 2 Li elements next to each other with a small distance What's a modern simple logical layout I can use for the main logo?I'm working on a website for my dads business and I just want to keep it really clean and modern. ThHelp with side navigation/sidebarI’m new to JavaScript and I’ve been working on personal projects trying to improve my skills. Couldbackground scrolling when menu is openHello, does anybody know, how to stop background scrolling when you open side menu? I've tried overfescaping the wrapperHey, is there a way to escape a wrapper on one side without using grid? I'm aware Kevin has made a vSome serious problems with my CSSSo, I have started building a site and I have got as far as the navigation, when I made it a few dayScroll Shadow in CSSWhen I scroll the white shadow is coming from below. How to make this with CSS. https://www.harpersOverflow-y: auto makes x-axis scrollbar appearHi folks, I have a react Sidebar component with scss styles. The sidebar has the main list 'sidebar_minFn confusionCodePen: https://codepen.io/Ceecee-Hart/pen/dyLZrKb I'm not sure where this extra space is coming fTriggering an animation based on scroll positionHi I want to recreate the marquee effect on scroll. https://afundi.im/ Any tips?Need help with a background img?How would I get the background pattern in the card to be behind avatar. I tried using position absolFull-Stack web developer is open for workHi, Everyone Full-Stack web developer is open for work. If you are looking for any **web/blockchain "space-between" with gridHey, is there a way to define the `space-between` value utilized with flex for grid? I tend to use thelp about this flex box bighelloi need help make this part of jshttps://www.coloniaverdenyc.com/menus in this website how can i use this java script thing switch mWhy margin right isn't working as expected?I was experimenting with negative margins and came across something that I don't quite understand. azimuth degrees into Cardinal PointSo I am trying to find out if there is a json file somewhere that would have the degrees and allow mHovering issuesWhen I hover on "register", my screen jumps. What cause it? https://codepen.io/Jonah-the-lessful/pFix background for div on hoverHey guys, You can see in screenshot when I hover on a card the background is getting disturbed. I neI've got an overflow warning on Firefox, but it's not regular.when I scroll down my page I get an overflow on my upper section, and when I go on that section that