Tagged: background image, grid row, mobile view
Hello,
I can seem to figure this one out. I found a thread with the same issue, but the css code that was used to solve the issue is not working for me.
I would like to use a grid row that displays a single background image that is applied to both cells.
You can find the grid row on the homepage at the bottom, only on mobile view. It’s with the gold arrow buttons.
The grid row is only used for mobile, as I am using the setting display cells next to each other on mobile to make sure the elements scale down without breaking to the next line.
#grid1 {
background: url(https://ideasbydesignjc.com/wp-content/uploads/2019/11/Sony-FE-85mm-f-1.4-GM-Lens-Top-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
this is the code im using