How to Create Equal Height Cards (+ Make the Last Item Stick) Using GenerateBlocks
ฝัง
- เผยแพร่เมื่อ 26 ธ.ค. 2023
- There's a very quick and easy way to make your containers equal height in GenerateBlocks - plus, I'll show you how to stick the last item in the container to the bottom, so it's always consistent.
--
💡Learn More about GenerateBlocks: generateblocks.com/
🖥️ Check out my website at: adamwrightdesign.com
📧 Get in touch: hello@adamwrightdesign.com
📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe
💙 If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
🙌 Thanks for your support!
![เบิ้ล ปทุมราช - อ้ายกินดอง น้องลาบงัว ft. สแน็ก อัจฉรีย์ [OFFICIAL MV]](http://i.ytimg.com/vi/-OK--KaSPcI/mqdefault.jpg)
Very helpful indeed. Thank you.
Really Helpful Videos, Thank You!🙋
Golden video.
🙌
Your videos are packed with valuable tips. Much appreciated!
Happy to hear that! Cheers!
Thank you for your time. So much good tips in each of your videos.
Thanks so much, Christophe!
Great Content...Please Make a Full GeneratePress Course....
What a compliment, thanks!
Awesome! Thank you dude! 😁
Thanks a lot for great content, did you use any custom code it's not working for me
No custom code! What part is not working?
Thank you so much for your response, I have added a button to the bottom but it is not aligning with the bottom when adding Margin to auto@@adamwrightdesign
@@arunkumargudise be sure the outer container holding your content is set to height: 100% 🙂
interesting and practical.
But where is "Make last item stick"?
Hey Jose! The portion in the video when I add the 'auto' on the top margin of the date headline block is where you make that last item stick to the bottom of the card.
Sorry for the confusion!
Hackernoon had a great article on this years back. Google "Flexbox’s Best-Kept Secret"
@@adamwrightdesign It's my confusion.
I thought you meant how highlight the last post.
I'm sorry. My English is very basic.
PSA: the parent container has to be set to flex