▼
Streaming live at 10am (PST)

Can't put titles of blog cards on the same hight

Design help CMS
#1

Hi,
I’can’t seem to align the titles of my blog cards… Any ideas of what I could do?
Thanks!Joy

Here is my public share link: https://preview.webflow.com/preview/team-app-cd5145?utm_medium=preview_link&utm_source=designer&utm_content=team-app-cd5145&preview=b07ce3232cffe289ea170d8ed705a2d0&pageId=5f6b65a6a172b65f13616db1&mode=preview
(how to access public share link)

#2

Hey,

it’s because you have the “justify: space-between” setting on the “blog-card”-div, which spaces out all the items inside them in various ways depending on the content :slight_smile:

Screenshot_3

You can turn that off and instead set a bottom-margin on the thumbnail. If you want the author div fixed to the bottom of the card, you can do the following:

  • Give “blog-card” a set height (let’s say around 400px)
  • Set “blog-card” to position: relative
  • Set the “author-and-date”-div to position: absolute and position it to the bottom
#3

oh waw! I could hug you! Thanks for the intervention!