Почему в div нужен дополнительный div?

Question

[cherryfantams229]

Верстаю по видео,не понимаю,для чего нужен дополнительный див.Мне надо,чтобы было 3 элемента в ряду.Если применяю св-во width:(calc(100%/3)); к catalog item,то все нормально,а если к продукт,то контейнер режется и появляется margin справа,подскажите,почему так происходит?

Comments

[Ankhena]

Оформляйте код в песочницу на jsfiddle.net или аналоге так, чтобы была видна проблема.

Если один div просто ровно в другом, то не нужен.
Может быть там кроем одного дочернего есть еще какие-то, например, изначально скрытые элементы. Кто же знает, что в голове, в ТЗ и в макете у автора видео.

width:(calc(100%/3));

Переходите на гриды для таких сеток, там есть единицы fr. Вам понравится.

[ambisinister One]

.image{flex: 0%; max-width: 30%}

Answer 1

[Alfieros]

Держи студент, изучай и радуйся. Даже дизайн маленький запилил) https://jsfiddle.net/vg4qtdmx/1/