Как реализовать верстку этой секции?

Имеется секция. В ней блок с 2-мя фото.
5bc81867ebeaa848314181.jpeg
Меня интересуют варианты ее исполнения
Вот мои варианты
1) Фотка главная - прямоугольник через before
2) Прямоугольник - фотка через after
3) Обернуть в еще 1 контейнер и сделать фотку абсолютом
Вот общий вид для большего понимания
5bc818f2997ce067674738.jpeg
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Фото с подписью. Значит это figure, в ней img и figcaption.
Для figure задаете before или фон линейным градиентом с четкими границами.
Всё.
Как-то так https://jsfiddle.net/6wgbk13e/
Размеры и цвета свои поставьте.
Ответ написан
Комментировать
AngReload
@AngReload
Кратко о себе
К картинкам псевдоэлементы не прикрутишь. Только вариант 3. Хм, хотя можно и второй.
Ответ написан
@vardoLP
Ват ю сэй эбаут май мама?!
просто делаете контейнер главный, в него для фотки блок с левым флоатом. Главному контейнеру через before делаете задний фон.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы