arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана вёрстка секции FAQ: секция и контейнер с классами, блок-лист с одним айтемом (вопросы отображаются вертикальным списком), Flex на айтеме для разделения на две колонки 50/50 (вопрос слева, ответ справа), декоративный разделитель через нижнюю границу айтема с прозрачностью 20%. Блок-лист с одним айтемом в Taptop создаёт повторяющийся список: каждый новый вопрос — это новый айтем с одинаковой структурой. Разделитель между пунктами — нижняя граница айтема: сплошная линия с rgba-цветом для полупрозрачности. Урок для начинающих, кто верстает раздел вопросов и ответов. Понимание Block List и базового Flex в Taptop нужно как минимальная база. Если нужен аккордеон (раскрывающийся список) — это другой урок с другой структурой.

Как создать блок с вопросами в Taptop

Нужен раздел FAQ — список вопросов, каждый разделён чертой. Как сделать аккуратный вертикальный список с разделителями? Нужно ли добавлять отдельные блоки для черт или есть способ проще?
FAQ строится на блок-листе с одним элементом — вопросы отображаются вертикальным списком. Flex делит каждую строку на два столбца 50/50. Разделитель — нижняя граница элемента: 1 пиксель, прозрачность 20%. Без отдельных декоративных блоков. Для новичков, которые верстают лендинг. После просмотра создаёшь аккуратный FAQ-блок без лишних элементов.
Тайминги видео
00:00 — Секция, контейнер и блок-лист 01:15 — Две колонки 50%: вопрос и ответ 02:00 — Разделитель через нижнюю границу

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока