Задать вопрос
@vanezzis
Начинающий frontend разработчик

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

Всем привет, подскажите пожалуйста как правильно сверстать данный блок, в плане элементов между item (треугольные фигуры) которые утапливаются и выступают? Как в дальнейшем их адаптировать. Заранее спасибо всем откликнувшимся.663f56d3726a8432089570.jpeg
  • Вопрос задан
  • 136 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы