Breakpoints

Find out how to arrange your website's layout so it looks great on any device.

What are device breakpoints?

Breakpoints “transform” your websites once they reach a certain screen size, giving the user a more smooth and optimal experience. With Ycode, you can preview how your website will look on different screen sizes. For each view, you can edit the design so it's perfectly optimized for that specific screen size.

Note: Each edit you make for a specific screen size cascades to the smaller sizes. For example, if you make a change to a medium (MD) screen size, the changes will cascade to the smaller (S) screen size. If you make changes to the XL screen size it will cascade up to the 2XL screen.