XS breakpoint range

Beta
#1

Hi!

I know this has been brought up in various ways, but I’d like to bring out the topic once more.

The XS breakpoint has a range from 320px to 479px. In my opinion, that’s going too far.

For example, I am previewing mobile view on my S23 Ultra which is a pretty massive phone, but has the viewport width of360px. This drops it into the XS area, while in reality I could still stack up icons side-by-side down to 360px without any issues. Many non-Samsung phones have wider viewport width so they are safe.

360px is kind of the boundary where “responsive trouble” starts. XS should accommodate older devices such as the iPhone 5 with 320px and others below 360px.

I remember custom breakpoints were talked about as something that will come in the near future, so It will probably be solved. Adjusting the existing ranges would be a bad idea for many old users. In the end, it does depend on the website’s design and the effective use of the responsive typescale.

Thanks!

2 Likes
#2

The breakpoints will be editable in 6.3.0 so I think that will solve your issue. I’m assuming you’re looking to do something like my first breakpoint here. To your point on it being a bad idea, we were just going to have the edit feature on by default. We can discuss an individual permission for this when the beta commences.

image

4 Likes
#3

Amazing! That’s way earlier than I expected. :slight_smile: I agree that the editable option is the absolutely the best one. Looking forward to it!

1 Like
#4

Awesome! A lot of the features and fixes for 6.3 have been in the works for a while, they are just finally getting production / beta ready around the same time.

1 Like