Задать вопрос
tripcollor
@tripcollor
html

Есть идеи как сверстать нестандартный дизайн (контент будет меняться т.е нужно учесть адаптивность по вертикали)?

Есть такой дизайн. Все картинки и линии в векторе

Дизайн макета
c0f03def74df4a498ef3b67d42963b29.jpg


Вся сложность, как мне кажется в этих соеденительных линиях + нужно сверстать с учетом того что сайт будет на админке и контент может поменяться, т.е блоки по высоте могут растягиваться и сужаться (но линии естественно должны оставаться невредимыми и целостными) ну и естественно адаптивность под мобильные и остальные.
Есть идеи как реализовать?
  • Вопрос задан
  • 400 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
JaredWinter
@JaredWinter
Помог? - Отметь решением.
В целом все просто.
Верстаете как обычно. А с соединяющими линиями придется немного пошаманить.
По сути получается что если контент будет меняться, то это будет отражаться только на вертикальных линиях, чтобы они не ломались вам нужно их зарипитить. Вкратце как-то так. Больше - это уже начало разработки вашего макета, а вы сюда я так понял пришли за идеей :)
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 1
@cssfish
Плохое знание основ - причина больших бед
берем ту часть вертикальной линии, которая без закруглений. делим на два блока (чтоб один сверху хорошо подходил, другой - снизу). вырезаем повторяющуюся часть. а в центре стык видно не будет, т.к. картинка. все )
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Специалист по работе с данными MySQL
23 апр. 2024, в 16:10
1500 руб./в час
Разработать модуль для flutter приложения
23 апр. 2024, в 16:05
3000 руб./за проект
Нужен таргетолог нашего сайта
23 апр. 2024, в 15:57
10000 руб./за проект
Ещё заказы