Как легко и быстро верстать красивые списки с буллитами в Тильде

Аватар автора
Наталья Чистякова, веб-дизайн и сайты на Тильде
Всем салют✌️ Не забываем ставить и подписываемся на канал — впереди много интересного Меня зовут Чистякова Наталья, я UX/UI дизайнер, подготовила для вас небольшое видео о том, как на Тильде, не прибегая к растасовке по артборду буллитов руками, красиво и быстро верстать списки, перечисления, тарифы и т. п. — благодаря паре строчек CSS и псевдоклассам Если у вас есть вопросы о дизайну, типографике, креативным идеям, документам для сайта, общению с заказчиками (включая спорные ситуации) — пишите мне — разберёмся в любой задаче: В видео использован следующий CSS (не забудьте проставить теги style в угловых скобках в начале и конце кода): .класс_элемента::before { position: absolute; width: 15px; height: 15px; top: 1px; left: -29px; } .класс_элемента { text-decoration: line-through; text-decoration-color: #ffe700; } Не упомянула в видео: всё это работает и в адаптиве — просто проверяйте опубликованную страницу в симуляторе, как обычно, и если необходимо, корректируйте положение либо самих элементов (если буллит вправо-влево относительно сетки, двиньте соответственно элемент или сам буллит, но его — уже в коде через значения left, в данном случае).

0/0


0/0

0/0

0/0