Задать вопрос
@rina_shym
верстка

Как сделать наклонный блок и вставить возле него картинку?

Имеется вот такой вот блок на сайте:

5f28e436b5867423927993.png

Как сверстать его чтобы всё выглядело как на макете?
  • Вопрос задан
  • 132 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
Решения вопроса 1
@Delta01
@de1ta01 пиши, помогу с вёрсткой =)
Такой вариант, картинку с ноутом как фон секции.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@Lord_Dantes
1. Вставить все картинкой
2. Сделать родителем - ноутбук и псевдо-элементом наложить сверху фигуру
3. Обрезать фигуру с помощью clip-path, но не знаю как тень реализовать
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Фронтенд разработчик (Frontend developer)
Айдис
от 100 000 ₽
Рилс (Reels) инженер
Emilius Agency
от 5 000 ₽
Ещё вакансии