Community forum for knowledge and support

Updated last year

Responsive Image in Layout366

At a glance

ttimeytime

Hi, newbie question. In layout366, is there a way to make the Image responsive the same way the div block outside do ?

3 comments

OOllie Brown

Hey, I think what you are asking can be done by:

Wrapping the image in a div and giving that a position of relative and making the overflow hidden
create a new class for the image and give it a position of absolute
Then give it a margin of 0 all around and set to cover.

OOllie Brown

that should make the image inside cover the div and be more responsive.

You can then set the image container div to match the height of the container using flex box etc.

Add a reply