Задать вопрос
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
html

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

1. Надо вот это:
LiU4xvv.png
Голубой - полупрозрачный.

2. Мб кто знает сайты с похожими элементами, чем можно было бы вдохновиться?
  • Вопрос задан
  • 165 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
1. Полупрозрачный голубой div, у него :after белым треугольником.

2. А еще лучше просто фон градиентом.

background: linear-gradient(135deg, #27b3c3 0%, #27b3c3 49.9%, #b8e7eb 50%, #b8e7eb 100%) no-repeat;

угол, цвета и %% укажите на свой вкус.
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
УТ+CRM
26 апр. 2024, в 10:21
1200 руб./в час
Фулл стак Laravel + Vue.Js программист на доработку сайта агенства
26 апр. 2024, в 10:17
50000 руб./за проект
Написать тестовое Android приложение
26 апр. 2024, в 10:10
1000 руб./за проект
Ещё заказы