Breakdance stretch: Fix for images not filling up the space

Webdesign

Problem

Let’s say you have a Columns element with 2 columns and a min-height of 100vh. In one, you have normal content, and in the second, you have an image. If you set the width and height of the image to 100%, and also set the height of its wrapper to 100%, the image won’t still fit the rest of the area.

  1. Go to Global Settings
  2. Create a new CSS stylesheet or in existing one add:
.breakdance .bde-image *:not(figcaption) {
height: 100%;
}

CSS

Now, the image with a height of 100% and a wrapper height of 100% will look like this: