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

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

5d865d5bd342e129741619.jpeg
  • Вопрос задан
  • 113 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Skillfactory
    Специализация Frontend-разработчик
    9 месяцев
    Далее
  • Skillbox
    Fullstack-разработчик
    11 месяцев
    Далее
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
Решения вопроса 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.js ) удаленная работа
Nomadic Soft
от 1 600 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Low-code спец по SeaTable
Emilius Agency
от 5 000 ₽
Ещё вакансии