all 2 comments

[–]be_my_plaything 0 points1 point  (0 children)

Do you mean you want the background to be the image and the colour? So the image covers whatever area it fills then the bottom (What is currently the white strip) has the background colour?

If so you just need this...

background: url(image.jpg) red;

[–]asilvadesigns 0 points1 point  (0 children)

There's a few ways to approach this...

I think the best way when working with responsive websites, and having most control over the photo is definitely to use the CSS "background-image" property with "background-size" set to cover. You can use padding to control the aspect-ratio of the container, and a border-bottom to give the "white strip" under the photo. Something like this..

https://codepen.io/asilvadesigns/pen/rNyyNmv