Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке breakpoint в адаптивному дизайні?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Breakpoint** - це контрольна ширина екрана, при досягненні якої макет починає змінювати поведінку через media queries; по суті, «точка перелому», де інтерфейс перебудовується під новий пристрій. **Ключове:** breakpoint - це точка зміни макета, яка використовується разом з media queries для адаптивного інтерфейсу.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняBreakpoint - це **контрольна ширина екрана**, при досягненні якої макет починає змінювати свою поведінку через media queries. По суті, це «точка перелому», де інтерфейс перебудовується під новий пристрій (мобільний, планшет, ноутбук, десктоп). Як це виглядає на практиці: ```css @media (max-width: 768px) { /* стилі для пристроїв з екраном ≤ 768px */ } ``` Де `768px` - це breakpoint. **Для чого потрібні breakpoints:** - перебудувати сітку; - змінити розміри елементів; - спростити навігацію на мобільних; - адаптувати шрифти, відступи і компоненти. **Типові breakpoints (орієнтири):** - `320-480px`: мобільні - `768px`: планшети - `1024-1280px`: ноутбуки - `1440px+`: десктопи **Підсумок:** breakpoint - це точка зміни макета, яка використовується разом з media queries для адаптивного інтерфейсу.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.