Image not within container

Hi everyone,

For some reason, my image is not confined within its container (2 project container). This is making it quite frustrating for me to any content after that because it doesn’t add after the images at the bottom.

Can’t seem to know what’s wrong, so any help would be much appreciated!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @coalesce1, any reason why you dont add the images inside the Item content block?
Screen Shot 2020-05-09 at 21.35.10

You have used position: absolute for the image, which means it’s free floating and wont be affect by other elements/objects.

Hi @dennyhartanto,

I didn’t add the button and image inside item content block because I wanted project heading and project subheading to be in a grid format with fixed row padding - however, i wanted a different gap / position for image and button ( from what I know, grid format will standardize the gaps for all rows and columns)

Regarding position: absolute for the image, will it not be bounded within the container I set it under, even though it’s free floating?

I am quite new to Webflow so feel free to suggest if there is a better way to do this!

Yes and no. Yes it’s inside the container. But no, the container will not expand to fit the Image inside.

If what you are looking for is a 2-column layout, then ideally your image would be inside the item content block. You can manually adjust the images’ margin and padding to create the gap you want.