"Слушай, мне так понравилось, прикольно, красиво, свежо. Но нужно всё переделать."
И дальше рассказать про переполнение текста, про разность рендеринга шрифтов, про адаптивность.
И при этом попросить нарисовать кучку разных вариаций этого блока для "чуть побольше шрифт", "чуть поменьше шрифт", "чуть больше строк в этом блочике" и т.д., короче под разнообразные переполнения.
А так да, картинка фоном. Поверх текст гридами или абсолютом.
такой вариант перехода по секциям не сильно хреновый на мобилках?
Переход не самое больное место в таких мобилках.
А то, что контент должен помещаться в экран. В вертикально повернутый, в горизонтально повернутый и другие интересные моменты типа панелек, клавиатуры... И т.д.
Поэтому дальше по обстоятельствам. Например, вообще отключать на мобилках.
Наверняка.
Но вы не приложили песочницу, поэтому неизвестно как именно вы решаете задачу.
В любом случае есть единицы измерения относительно вьюпорта.
выглядит не очень
Тут нужно определиться, вопрос по дизайну к дизайнерам или у вас не получается с версткой. Это капитально разные теги у вопроса и, возможно, разные отвечающие.
Windyay, Поддерживаю Сергея про безразмерный множитель.
Посмотрите, как ведет себя line-height в процентах для дочерних элементов (третий блок) - как был 20px, так и остался => выглядит плохо и придется переопределять. С безразмерным коэффициентом совсем ужаса не случится.
Открываете инструменты разработчика, вкладку Console.
Браузер напишет, что не нашел картинки и где их искал.
Нужно сравнить те пути по которым ищет браузер и те, по которым реально лежат файлы.
Скорректировать.
Перед тем как исправлять, чтобы не накосячить ещё больше, можно прочитать: Абсолютные и относительные ссылки
И при этом попросить нарисовать кучку разных вариаций этого блока для "чуть побольше шрифт", "чуть поменьше шрифт", "чуть больше строк в этом блочике" и т.д., короче под разнообразные переполнения.
А так да, картинка фоном. Поверх текст гридами или абсолютом.