CMS elements show only on desktop

Design help General
1

Hi guys,

I am stuggling with the fact that my CMS collection does not show well on the other breakpoints besides desktop. I am pretty sure the problem lies in the image, but I cannot seem to figure it out. (I heard 100% width would work, but as of now no)

Anyone out there who could take a look?

https://preview.webflow.com/preview/nexxt-industry?utm_medium=preview_link&utm_source=designer&utm_content=nexxt-industry&preview=8b5d7fe0b86fb2634986f38b0b28c8b7&pageId=65d5b911bac07a6b0bd5955d&locale=en&workflow=preview

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

2

The image shown in the screenshot below is control by the element named “Home Projects Image Wrapper”. Changing its height at the mobile breakpoint will make it appear better for this view.

image-size
image-size1800Ă—1065 73.8 KB

3

beside fixed height you can also try to use aspect-ratio that is included in WF UI.

1 Like