Адаптивный background html css

Для того чтобы сделать фоновую картинку адаптивной и избежать появления белого пространства при изменении разрешения экрана, вам нужно использовать CSS свойство background-size.

В вашем случае, на CodePen, у вас есть следующий код:

 body { 
  background: url(https://i.postimg.cc/6pjW079H/231132323231123.png) center/contain no-repeat fixed; 
  /* Другие стили */ 
} 
 

Чтобы сделать фоновую картинку адаптивной, замените background-size на cover:

 body { 
  background: url(https://i.postimg.cc/6pjW079H/231132323231123.png) center/cover no-repeat fixed; 
  /* Другие стили */ 
} 
 

Теперь фоновая картинка будет масштабироваться пропорционально экрану и не будет оставлять белого пространства при изменении разрешения экрана.

Помимо cover, также существуют другие значения для background-size, такие как contain, auto, и пользовательские значения, чтобы более точно настроить размер фоновой картинки под ваши потребности.

background-size: cover;