Верстка — создание структуры гипертекстового документа на основе HTML-разметки, как правило, при использовании таблиц стилей и клиентских сценариев, таким образом, чтобы элементы дизайна выглядели аналогично макету.

<meta charset="utf-8">
1. Алгоритм выполнения заказа
Поэтапный алгоритм раскрывающий методику верстки сайта из макета figma.
<meta charset="utf-8">
2. Шрифты
Определение какие шрифты будем использовать в проекте, скачивание и подключение.
3. Сетка сайта и ограничивающий контейнер
Определение силовых линий сайта и размер ограничивающего контейнера для контента сайта.
4. Разбиваем макет на блоки и элементы
Для большей наглядности макета, мы разбиваем его на блоки, а блоки на элементы, чертив квадратами прям на макете сайта.