Streaming live at 10am (PST)

Fluidity at All Breakpoints in Responsive Design

I have set up my site at all major breakpoints, but when I test fluidity on the breakpoints in between, these formats are out of whack – need adjustments.

How do I fix this problem? What am I doing wrong?

Do I need to adjust formats at all 10+ breakpoints? Is there a more simple way to do this?

Thanks,

Robert


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

Without being able to check out the site in question (published and/or a read-only link) it’s hard to know what the problem is or how to solve it. Also Webflow only offers 7 breakpoints—base, tablet, mobile landscape, mobile portrait, and up to 3 additional “larger” sizes.

Once I take a look at the project I’ll have better advice, but ultimately you should only adjust styling on any given breakpoint if an element (or elements) don’t work at that specific size :+1:

Thank you, Mike. Good to know. I included the site link. Cheers!

Hmmm, I’m not seeing any updated link. Can you try including the link(s) again?

Here you go: https://forum.webflow.com/t/fluidity-at-all-breakpoints-in-responsive-design/168348?u=rhperry

Thanks!

This is just the link to this thread on the forum—we’ll need either the live (published) staging site link (yoursite.webflow.io) and/or the read-only link.

Sorry, Mike. Try this one please:

https://preview.webflow.com/preview/robert-perry-book-design?utm_medium=preview_link&utm_source=designer&utm_content=robert-perry-book-design&preview=7f5bdc0170ecd07d2d15ecbd1c2818d1&mode=preview

Say what is mean that breakpoints? I don’t understand. You can see what different sizes example; 768px, 1300px, 991px ,etc. I know types of device from Laptop to mobile phone, desktop and different sizes.