In a section on my page which I have set to be 70% of the viewport height, I want to have an image inside of it that takes up the entire height of that section, no matter the viewport, but also proportionally scale the image. It seems there is not a way to set the height of the image to be based on viewport height and also select “scale proportionally” at the same time. How do I accomplish this?
if you scale proportionally, you cannot have a VH value, which is kinda fixed, if you need to maintain the image proportions
but you can try: set the height to be set to auto and scale proportionally turned on at the same time, in this option 70 VH won’t be applied, but at the same time you can try limiting the elements with grid cells for example
@Rob any ideas on this?
See there was a post in Facebook for this: https://www.facebook.com/groups/editorxcm/posts/2393114570827235/
Don’t think there’s a specific way to do so as if both the height and width need to be responsive to the screen width and height, it wouldn’t end up being able to scale proportionally. Best thing might be to use the focal point of the image / video if you need the width and height to be responsive but don’t want things to be cut off.