Broken responsiveness in the mobile version

Hi, can anyone tell me why one of my sections is clipping in such a strange way? Its responsiveness works perfectly on all devices, but when I changed the layout a bit on the mobile version and when I check the responsiveness on a narrower screen, its content goes off the screen. Do you have any ideas on how to fix this?


Hi @Milosz
The breakpoint on the second screen is too small and you don’t need to work with styles with such small screens.
It usually starts at a minimum width of 320px for smaller mobile devices, stretching up to 480px for larger ones.

If you steel need a help, please share read-only link to your website

It seems that even with a width of 320px, the layout is not responsive. I am posting a read-only link below

https://preview.webflow.com/preview/my-first-selfmade-site?utm_medium=preview_link&utm_source=designer&utm_content=my-first-selfmade-site&preview=5b1f6ec5e70850ca1fb628a35efb0de0&workflow=preview


That is what I see, hero section is good, sections below (o nas and oferta) just change display from grid to block and everything will be fine

oh! sorry, I noticed that section
So it is because of grid, change it to flex

It worked! Thank you very much Daria :)

1 Like