Left and Right Columns

[rkassebaum]

On this page. I have an image of a guy with his arms crossed in 1/2 and a ninja form on the right 1/2. https://onesourcemarketing.us/screen-printing/. When the screen size changes smaller the right 1/2 becomes longer than the left 1/2. Is there a way to set it so if the right side lengthens the left side will lengthen also. Like to keep both halves the same overall size.

[paul.r]

Hi @rkassebaum,

That is a normal behavior of the image, as the width reduces, the height reduces as well maintaining the image proportion.

If you want to maintain the height, your image will look stretched like this.

You can try setting your image as background of your column instead.

Then add this in your column’s element’s CSS

$el {
     min-height:533px;
}

Hope this helps