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