purple/ocean

Как правильно сверстать изображения?

Recommended Posts

Как правильно сверстать картинки(руку, лист салата и тд) на данном шаблоне?

project_5.thumb.png.9149f877430dea71373ce82a4a0573a2.png
Интересуют именно первые 3 изображения, а именно тарелка, рука с дошиком и лист салата.
Тарелку можно просто сверстать допустим на флексах разбив блок на 3 столбца. Но вот интересно как сверстать две оставшиеся картинки так еще и с текстом.
Я подумал, что можно также сверстать на тех же флексах разбив на те же 3(в случае с рукой) и 2(в случае с листом салата) колонки флекс сетку, но в таком случае изображения толкали бы друг друга так как рука с тарелкой и лист салата имеют общую площадь расположения на странице. Как это сделать? Помогите пожалуйста, может какое-то свойство прилипания или вообще другой метод верстки?

Share this post


Link to post
Share on other sites

Поможет. Обычно так и делают. Или просто фоновым изображением делают. Главное, чтобы это был отдельный элемент. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now