Как сверстать адаптивно такие блоки?

Всем доброго, есть макет, в нем такие блоки:
prntscr.com/ekelh2
Прошу совета, насколько трудно сделать такие блоки, говорю сразу я новичок.
Буду благодарен за совет.
  • Вопрос задан
  • 257 просмотров
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Пригласить эксперта
Ответы на вопрос 4
dom1n1k
@dom1n1k
Прежде чем это верстать, нужно выяснить у дизайнера, как вся эта красота должна тянуться и адаптироваться (и должна ли вообще?) Например, что должно происходить с перемычкой между серыми блоками?
Сейчас задача не имеет внятного решения, потому что неясен результат, который нужно получить.
Ответ написан
@Novamoscow
Мне кажется тут вопрос не правильно поставлен.
Как адаптивно это должно выглядеть вам говорит заказчик или дизайнер. Ни как иначе. Если делать самому, потом будет куча правок, недовольств и еще скажут, что вы верстать не умеете =)

А вот когда вам уже пришлют картинку или напишут ТЗ для другого разрешения, кидайте сюда, будем думать =)
Ответ написан
rim89
@rim89
программист-велосипедист
В зависимости от того как оно будет на планшете и телефоне
говорю сразу я новичок.

ну макет не из простых для новичка
Ответ написан
@ferds
front-end
Попросите дизайнера сверстать! :)

По сути (я тоже новичок):
я бы before вставил белые треугольники, абсолютом.
соединить можно after прямоугольником, тоже абсолют.
На мобильных убрать то что не нужно.

ffd5553835f14186a948d5edaec8e247.png
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы