I am using css grid display for elements which are in the center and applying colored border on left and right side of the page to fill the white space using body element.
The problem is border does not fit the screen vertically. It only covers the grid-container. So if I use height: 100vh;on body, it works but when more elements are added to the grid-container and we scroll down, it stops at one point.
There is also a background image on body but it stays fixed because of background-attachment: fixed;.
Is there anything similar I can do for borders?