заходил на блок выше и не появлялась горизонтальная. Задал overflow-x: hidden для родителя, горизонтальная прокрутка пропала, но появилась вторая вертикальная прокрутка, которая тоже не нужна. Как добиться ожидаемого результата?
Вот весь кусок кода:
.sustainable-growth {
z-index: 3;
position: relative;
padding: 15rem 0 30rem;
background: url("../img/sustainable-growth-lines.svg") no-repeat center bottom 13rem;
background-size: 100% auto;
overflow-x: hidden;
&::after {
content: "";
position: absolute;
width: 124rem;
height: 124rem;
top: 50%;
right: 0;
transform: translate(50%, -50%);
border-radius: 50%;
background: radial-gradient(66% 66% at 50% 18%, #29c5f6 0%, #1c8ade 100%), #29c5f6;
}
}
А ты не пробовал просто градиентом круг нарисовать в фоне .sustainable-growth
Размытие нужно будет сделать, а через background его не сделать
Ну тогда не делай псевдо таким огромным - чисто по размеру родителя, а градиент уже рисуй какой надо.
А что если такой свгшкой сделать?
Ты у меня разрешения спрашиваешь? 🤔
Нет) на сколько такая практика нормальная хотелось узнать)
Обсуждают сегодня