Задать вопрос
@PK_D
css

Как сверстать панель такой формы?

Всем привет!

Подскажите, пожалуйста, как сверстать боковые панели этой страницы?
5d888510c5ec4971102940.png

Высота страницы может меняться. Мне хочется, чтобы фигуры пропорционально уменьшались и увеличивались.
А если же высота страницы будет меньше какого-то значения - фигура, которая не поместилась, просто скрывалась.

Мой текущий вариант: https://jsfiddle.net/anhz5gs7/

Спасибо.
  • Вопрос задан
  • 178 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
@DeboshiR
Свободу разработчикам!!!
Для фигур можно задать значения ширины в vw:
width: 10vw; //10% от видимо ширины
И аналогично расположить их:
top: 10vh; 10% от видимой высоты
left: 10vw; 10% от видимо ширины


И добавить медиа-запросы, чтобы при определённом размере экрана они скрывались:
@media screen and (max-width: 960px) {
display: none; //при максимальной ширине 960px элемент скроется
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Реализовать редирект запросов в Chrome Extension Manifest v3
23 апр. 2024, в 21:14
1000 руб./за проект
Переместить сайт написанный на HTML, на python flask
23 апр. 2024, в 21:03
3000 руб./за проект
Написать программу под устройство с камерой, Python
23 апр. 2024, в 20:52
10000 руб./за проект
Ещё заказы