gazes12, привет, геометрия.
Если пропорции блока и картинки не совпадают, варианта три: обрежется, останется свободное место, перерастянется в каком-то из направлений (нарушатся пропорции).
Вы что хотите?
Почему элемент выезжает за переделы родительского эелемента с margin?
Очевидно, потому что не влез.
border-box не помог
Было бы странно, потому что box-sizing к margin не имеет отношения.
А чтобы узнать, что у вас там происходит, сделайте песочницу с видимой проблемой на codepen.io, иначе неизвестно что там у вас в стилях.
Но вероятно, там ширина стоит типа 100%.
Сколько бы вы ни писали статей по теме бронирования отелей - это не поможет. А вот для масс-спектрометрического течеискателя, скорее всего сойдет.
Намек понятен?
Но при этом нельзя сделать вывод, что это как-то повлияет на продажи.
zikkurat01, если нравится писать area, то и верните как было. Мне они мешали на десктопе.
По мне так проще двум блокам задать order, чем area именовать.
Я один раз делал контент через фон. Так кода меньше и понятнее
Почитайте про семантику, доступность, читалки, обработку контента различными роботами и т.д.
Контент - в разметку, украшалки - в стили.
Изображение товара в интернет-магазине - это контент. Как отличить контентное изображение от декоративного
Алексей Гончаров, я ещё раз повторю: картинки товаров в каталоге - контентные, вставляются через img.
Это не украшение, не фон, не псевдоэлемент и т.д.
Если пропорции блока и картинки не совпадают, варианта три: обрежется, останется свободное место, перерастянется в каком-то из направлений (нарушатся пропорции).
Вы что хотите?