Is it now possible to have a full page background that scales more effectively?

[draper3000]

Hi,

With the newer flex layout tools, is it now possible to have a background scale with the viewport window so it more effectively fills the whole screen?

I’ve tried setting the background for a section and a row which whilst it looks okay, does not scale up the same as I’ve seen elsewhere. i.e. with the the image maintaining its height in proportion to the width, to a better degree.

Is there a better approach I can take to achieve this?..

i.e. This website achieves some good consistent background image scaling for the different images. https://www.macegroup.com

[friech]

Hi @draper3000,

Thank you for writing in, no the flex layout has nothing to do with the background-image behavior. By default background-size is set to cover, the keyword cover will resize the background image to make sure the section/row is fully covered (even the background-image on your sample site behave like this)

If you want to control these behaviour of the background-image, please see the CSS property background-position and background-size

Cheers!