В уроке разобрана декомпозиция макета и вёрстка на готовых блоках: как читать макет Яндекс.Станции и разбивать его на блоки, выбор подходящих готовых блоков из библиотеки Taptop, вёрстка хедера и hero-секции с адаптацией блока под дизайн.
Декомпозиция — ключевой первый шаг. Без разбивки макета на блоки перед вёрсткой легко начать «рисовать» вместо «верстать» — делать всё одной секцией без правильной структуры. Готовые блоки Taptop берёт как основу и адаптирует под макет, а не пытается воспроизвести пиксель в пиксель.
Урок для начинающих, кто хочет научиться работать с готовыми блоками на реальном проекте. Часть 1 из серии — смотри последовательно с частью 2 (адаптив). Базовое знание интерфейса Taptop нужно, вёрстка с нуля не требуется.