Задать вопрос
@Mars1k
Изучаю вёрстку
верстка

Как сверстать такой блок?

5d865d5bd342e129741619.jpeg
  • Вопрос задан
  • 108 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
Все очень просто:
Основной блок: position: relative;
Блок с описанием:position: absolute. bottom: -20px
Картинку можно прописать либо бэкграундом, но лучше просто 
position: absolute, top:0, left: 0, height: 100%, width: 100%.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@OctorberMyMonth
Попробуй просто наложить одну фотку на другую, т.е. один блок на другой.
Ответ написан
Комментировать
Комментировать
@MarvinJan
Самое простое margin-top: -20px (или сколько нужно) блоку с текстом.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Написать видео сцену на unity с картой
26 апр. 2024, в 19:12
5000 руб./за проект
Написать программу на c# используя видео и карту
26 апр. 2024, в 19:10
5000 руб./за проект
Ещё заказы