Page 1 of 1

Full width image

Posted: Wed Feb 14, 2024 5:58 am
by Joel
Hi,
What is the best way to make an image full width regardless of a browser?

Re: Full width image

Posted: Wed Feb 14, 2024 6:12 am
by wwonderfull
In that case the css should be something like this

Code: Select all

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

Re: Full width image

Posted: Wed Feb 14, 2024 6:49 am
by 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

Re: Full width image

Posted: Wed Feb 14, 2024 7:28 am
by Joel
Is there a way to adjust the height of the grid regardless of an image original height?
Can I make it parallax?

Re: Full width image

Posted: Wed Feb 14, 2024 10:04 am
by 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.

Re: Full width image

Posted: Wed Feb 14, 2024 12:37 pm
by Joel
Thank you