images filling out entire container, how to do?

Hi,

I’m trying to do something seemingly simple but haven’t succeeded.

I want a 1/2 | 1/2 divided page with a form on one side and photo on the other, but I want don’t want any padding or margins around the photo, essentially the photo side should look like a 1/2 page color section.

I have tried to do this by using a 1/2 layout element + image, with CSS rules for no padding or margins, but there’s still white space all around the photo. However, in this case the photo shows up correctly and responsively.

I’ve also tried it by using a grid row. Here the photo fills the screen like I want but it doesn’t resize correctly. Most of the photo is cut off actually.

Is there an easy way to do this?

Thanks

• This topic was modified 6 years, 3 months ago by entrepreneur41.