Same height for image and content (7.0 & 7.1 CE) - Image Block Card

All CSS tricks7.07.17.1 CEEven height
Written By Beatriz Caraballo

About

If you’re working with a Card Image Block and want to have the satisfying feeling of evenness when looking at it, then this snippet is for you.

Copy/paste this code and you’ll automatically get the image and content side of your cards matching in height across the site!

  • This particular snippet is compatible with:

    • Image Block Card layout

    • Squarespace 7.0

    • Squarespace 7.1 (Classic Editor section)

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Custom font for subtitle text (7.0 & 7.1 CE) - Image Block Card
Next

Minimal design with hover mode (7.0 & 7.1 CE) - Image Block Card