p {margin: 0; padding: 5px;}
Обнулил марджин для текста и все легло нормально, хоть и не понял откуда там был марджин изначально 
Но колонки promo через inline-block так и не получается сделать, подскажите! 170px+170px (2 блока)+5px(марждин между ними) = 345px при ширине контейнера в 350, но при маржине более 6 второй блок выпадает
[разобрался: урать пробелы в html или обнулить шрифт: об этом в следующих главах курса]
код в codepen.io
если кто ищет решение, вот хороший разбор этого задания