**Складаний iPhone вже тут: як не зламати макети?**

Apple випустила Safari 27.1 разом із iPhone Duo. За даними WebKit, ширина вʼюпорта пристрою змінюється приблизно від 382 до 951 CSS-пікселів залежно від стану екрана.

_Що перевірити в макетах?_
 Додай проміжні брейкпойнти в діапазоні 600–950 px: мобільний інтерфейс може погано виглядати на розгорнутому екрані.
 Врахуй змінну висоту екрана: не притискай важливі дії до нижнього краю.
 Продумай двоколонкові сценарії: список і деталі або редактор і прев’ю.
 Обговори з розробником `device-posture` і Viewport Segments API. Вони експериментальні й потребують увімкнення прапорців у Safari.

 [Першоджерело](https://webkit.org/blog/18486/webkit-features-for-safari-27-1/)

❖ [Персональне менторство (від 900 грн/міс)](http://t.me/dsgn_mentor_bot) • [YouTube канал](https://www.youtube.com/@chronicwebdesign)