Full width image

[Joel]

Hi,
What is the best way to make an image full width regardless of a browser?

[wwonderfull]

In that case the css should be something like this

Code: Select all

img {
    max-width: 100%;
    height: auto;
}

[Pablo]

If you place the image inside a layout grid then it will be full width.

There are many templates available that demonstrate this functionality.
https://wysiwygwebbuilder.com/templates2024.html

[Joel]

Is there a way to adjust the height of the grid regardless of an image original height?
Can I make it parallax?

[Pablo]

The Layout grid itself does not have a height, the height is determined by the content of the grid.

But you can set the height to 100vh, 50vh etc. Or you add a (transparent) place holder inside the grid.

[Joel]

Thank you