@vanezzis
Начинающий frontend разработчик

Как сверстать данный блок с последующим адаптивом?

Всем привет, подскажите пожалуйста как правильно сверстать данный блок, в плане элементов между item (треугольные фигуры) которые утапливаются и выступают? Как в дальнейшем их адаптировать. Заранее спасибо всем откликнувшимся.663f56d3726a8432089570.jpeg
  • Вопрос задан
  • 134 просмотра
Решения вопроса 1
vhood
@vhood
Не забывайте отмечать решения
Примерно так


Для адаптива можно сделать несколько вариантов расположения стрелок и переключать их по media запросу
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@drawnofmymind
.triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 90px 90px 90px;
   border-color: transparent transparent #005BFF transparent;
   transform: rotate(90deg);
}


1) добавляем для синего треугольника after
2) добавляем для белого треугольника before
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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