Порядок такой: сначала создаёте фрейм под нужный размер экрана - 1440 px для десктопа, 375 px для мобильного, - потом строите сетку с колонками и отступами по краям, и только после этого раскладываете блоки текста без оформления, просто прямоугольниками и надписями. Дизайн - цвета, шрифты, отступы - добавляется в последнюю очередь, а не в первую.
Начинайте с мобильной версии, а не с десктопа: на телефоне блоки сами встают в один столбец, и сразу видно, какой текст длинный и не помещается, какую картинку можно убрать без потери смысла. Десктопная версия после этого собирается быстрее, потому что структура уже проверена на самом узком экране.
Для блоков лендинга стоит сразу использовать Auto Layout - функцию, которая сама растягивает контейнер под текст и держит отступы одинаковыми, если текст станет длиннее или короче. Без неё при любой правке текста придётся вручную сдвигать всё, что расположено ниже.
На макет лендинга из десяти блоков у человека, который делает это впервые, обычно уходит от трёх дней до недели по вечерам. Если тексты уже готовы и результат нужен быстрее, я собираю дизайн и вёрстку сам за 2 дня - макет и код выходят одним шагом, без отдельной пересборки.