Задать вопрос
ya-vitaliy
@ya-vitaliy
Верстаю... + wordpress и пробую Laravel
верстка

Как сверстать такой блок?

Доброго времени суток! Помогите сообразить как сверстать блоки с обриваемыми линиями на неоднородном фоне.
72df92131b6f4b43a7e385e60f6d1950.png
Если бы размеры блоков были бы неизменяемые то можно было просто сделать верхнюю часть с иконкой и линиями как бэграунд для псевдоэлемента, но ширина блока будет меняться на разных девайсах соответственно этот вариант не очень... Другие в голову не лезут, поможете?
  • Вопрос задан
  • 1361 просмотр
2 комментария
Подписаться 3 Оценить 2 комментария
Решения вопроса 1
RusID
@RusID
https://codepen.io/riddirect/pen/MEjjjo
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 3
Lumore
@Lumore
Front-end developer
https://codepen.io/Lumore/pen/NarQJg
Ответ написан
1 комментарий
1 комментарий
LordGuard
@LordGuard
Кусочек с иконкой в качестве svg, справа дополнять div'ом всё оставшееся пространство, слева, снизу, справа видимо обычный border
Ответ написан
Комментировать
Комментировать
LenovoId
@LenovoId
svg, css,js
а обычный стандартный :
<fieldset>
<legend>ваш текст</legend>
</fieldset>

не подходит ?
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Создание бота/скрипта для сайта забронирование мест
26 апр. 2024, в 00:10
30000 руб./за проект
Ещё заказы