Баннеры

Вот делаем секцию - туда 2 блока, в блоки баннеры

Вот вопрос, вся ширина 16 - чему равна ширина 1го в px?

Если один блок 10, а второй 6 - какого размера баннеры должны быть?
он же и жмет их по высоте и ширине

Создать блоки, туда вставить заглушки и посмотреть в каком размере они отображаются?

При адаптивности не нужно оперировать пикселями. Делайте баннер пошире и ему max-width: 100%;, чтобы при уменьшении экрана он тоже уменьшался

хотелось в строку 2-3 баннера, но что бы они были разными по ширине
XXX | XX | XXXXX

но если их делать одной высоты и разной ширины - не получается

Посмотрите как в дефолтной или юпи темах сделано. Для дексктопов вы задаете ширину оболочкам для баннеров

30% + 20% + 50%

и с помощью media query оперируйте этими значениями для меньших разрешений