Выполнил задание на 100%, но чувствую, что построил сетку через пятую точку. Очень сомневаюсь в своём коде. Скидываю на оценку, может кто укажет на ошибки.
https://jsfiddle.net/JO_ST_IK/35fLzwg7/1/
Почитайте по code style, в столбик читать проблематично, и не надо называть переменные типа “s1” или “shapka”, это плохая практика.
И про layout-positioner не зря в примерах рассказывалось, у вас же все отступы прописаны ручками для каждого элемента.
Общие css-свойства для многих элементов лучше вынести отдельно, а не прописывать каждый раз цвет фона каждому promo# (см. раздел Селекторы).
1 лайк