Breakpoints are the points where a website changes its layout so it still looks good on different screen sizes - like phones, tablets, and desktops.

Sometimes different layouts require different kind of language switcher designs. On desktop your store pages have a lot of space to display a language switcher with both text and image. But on a phone screen there is little space so a small language switcher with just icons is needed.

You can add multiple breakpoints and define different switcher styling for each of them.