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

Question

[nugmani]

Хочу сделать по середине контейнера квадрат с тенью. Внутри этого квадрата будет заголовок, текст и слайдер.
Как можно реализовать такое? Задать картинку как background или img? И как спозиционировать элементы внутри, чтобы было адаптивно.

У меня пока получилось сделать фон img и контент внутри хорошо вписывается и адаптируется,но по высоте картинку изменить не получается. При разрешении 1280px это квадрат, а при 320px это уже прямоугольник (по ширине сузился,а по высоте не расширился)

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/0qw4xb9d/
box-shadow inset и делайте с ним, что хотите
https://habrahabr.ru/post/154211/

Comments

[nugmani]

Спасибо!