Проблема заключается в следующем: В проекте react есть layout в этом layout`е есть container, который задает боковые границы контенту. Далее все объекты проекта рендерятся именно в нем.
Таким образом единственный нормальный способ задать фон, это задать его самому layout, т.к. он растянут на всю видимую ширину страницы.
.layout
position: relative
height: 100vh
display: flex
justify-content: center
background-image: linear-gradient(to right top, #ffffff, #f8f9ff, #eff3ff, #e4eeff, #d7e9ff, #d7e9ff, #d7e9ff, #d7e9ff, #e4eeff, #eff3ff, #f8f9ff, #ffffff)
и все норм, но при появлении большого кол-ва контента на странице появляется скрол. И при прокрутке вниз, появляются белые места без фона. Что с этим делать?
свойство background-attachment: fixed не работает
единственное что приходит на ум, сделать объект на одном уровне с layout с position fixed. Но как по мне, это не очень красивый способ...