<div id="main" class="main"> - это некая секция.
<div class="product-list"> - это некий контейнер, с шириной и центрированием
<div class="product-list__item"> - это некий итем-карточка
product-list {
font-size:0; ///избавляемся от пробелов м/у итемами
}
.product-list__item{
width:30%;
font-size: скольконадо; ///т.к. у родителя 0б вернем ему фонт
}