Как адаптивно заверстать сложный блок из различных фигур и текста внутри?
Каждый элемент внутри блока (ромб, треугольник) может содержать в себе текст по центру. Имеет ховер эффект в виде подсветки фигуры (опять же ромб или квадрат). Также весь блок должен быть свёрстан отзывчиво и растягиваться или стягиваться с сохранением пропорций. Очень нетривиальная для меня задача. Буду благодарен если поможете советом, примером, ссылкой на похожее решение.
Нужно всего лишь вспомнить о том, что есть относительные единицы измерения. Такие как vw, vh, vmin, vmax и %.
И также calc.
И ещё, что расчет % у разных свойств идет от разных величин. Например, у координат (top, left) от размера родителя, а вот в трансформе от самого элемента.
Простой
