Я заинтересован в использовании fullPage. js Эффект прокрутки, но мне трудно понять, как расположить элементы с помощью CSS. Я могу сделать фоновое изображение и текст в середине, но это не то, что я после. Единственный способ, которым я мог расположить все, был с абсолютным позиционированием (пробовал flexbox и grid) Это единственный способ, которым вы можете это сделать?
Можно ли создать, например, две колонки для рабочего стола - 
И для мобильный -

Каков наилучший подход для позиционирования элементов в fullPage. js или это действительно простой дизайн? Если у кого-то есть рекомендации, как сделать подобный эффект с чистым JS, не стесняйтесь поделиться им со мной:)