Немного отступим от создания магазина и его оформления и поговорим про его продвижение. Если вы подбирали теги для своего листинга, думаю каждый из вас сталкивался с проблемой, что вы нашли четкий тег, который в точности описывает ваш продукт, но увы, он больше 20-ти символов...

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