Community forum for knowledge and support

Updated 2 months ago

Reposition the image to avoid being cut off

At a glance

The community member is trying to reposition an image that is being cut off, without adding padding or inner margin. A community member explains that the issue is likely due to the image having position: absolute and width: 100%, height: 100%, which causes it to span the height and width of the first parent container with position: relative. This results in the image being cut off because it does not take into account the ratio of the image/video, but rather the ratio of the parent container. Changing the height and width settings of the image does not resolve the issue.

I don't want to add padding or inner margin. I want to reposition the image so that it's not cut off

A
M
2 comments

Your image has position: absolute and width: 100%, height: 100%. So what this means it gets pulled out of the normal flow and will span the height and width of the first parent container that as position; relative. Thats why the image is cut off because it does not take in account the ratio if the image/video but the 'ratio' of the parent container. Also thats why changing the height and width in the settings of the photo does not work.

Add a reply
Sign up and join the conversation on Slack