https://video.silex.me/videos/watch/ad638ecb-78e0-450b-8e32-6d39d54057ce Breakpoints let your design adapt to any screen. Silex is desktop-first: your base styles apply everywhere, and when you switch to a narrower device in the toolbar, the styles you change are scoped to a max-width media query — only affecting that width and below. This demo sets a heading on desktop, switches to Mobile Portrait (the 480px breakpoint), shrinks the heading there, then returns to desktop to show the base styles stay intact. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/responsive/breakpoints/ • Français : https://docs.silex.me/fr/designer/responsive/breakpoints/ Silex is free and open source: https://www.silex.me — — — Les breakpoints permettent à votre design de s'adapter à chaque écran. Silex fonctionne en desktop-first : vos styles de base s'appliquent partout, et quand vous basculez sur un appareil plus étroit dans la barre d'outils, les styles modifiés sont limités à une media query max-width — n'affectant que cette largeur et en dessous. Cette démo définit un titre en desktop, bascule sur Mobile Portrait (le breakpoint 480px), y réduit le titre, puis revient en desktop pour montrer que les styles de base restent intacts. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur. Fri, 10 Jul 2026 01:08:10 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://video.silex.me https://video.silex.me/client/assets/images/icons/icon-1500x1500.png https://video.silex.me/videos/watch/ad638ecb-78e0-450b-8e32-6d39d54057ce All rights reserved, unless otherwise specified in the terms specified at https://video.silex.me/about and potential licenses granted by each content's rightholder.