Мы обернули больше двухсот картинок сайта в тег picture, чтобы отдавать современный формат WebP с откатом на PNG для старых браузеров. После этого в нескольких местах, которые никто не трогал, тихо поехала раскладка. Разбираемся, почему тег picture меняет поведение вёрстки и как одна строка CSS возвращает всё на место. Мы обернули больше двухсот картинок сайта в тег picture, чтобы отдавать современный формат WebP с откатом на PNG для старых браузеров. После этого в нескольких местах, которые никто не трогал, тихо поехала раскладка...