I’ve created a dynamic blog list, that pulls both the image and the title from a collection.
However due to my blog post titles varying in length, my blog post aren’t lining up.
Any solution to get around this?
All help appreciated
Definitely a great question.
Something similar has been answered by the awesome @vincent, and you can view his response at the following:
For your issue in particular - you can do the following:
- Make the width of “Blog Post Title” 100%
- The height of “Blog Post Title” 2rem
- Add overflow:hidden
- And finally, add the following to your custom code:
You can view the steps, and the results, in the following quick video:
Hopefully this helps, and feel free to reach out if you have any questions.
This should do the trick:
@Joshwebflow - @philippe definitely has the better solution using flexbox
Amazing! Thank you everyone.