jkikksa

41 минуту назад, Melodyn сказал:

@jkikksa, ваш пример с фикисрованным размером блоков, а надо переменным, чтобы при изменении ширины страницы менялась ширина блока и высота оставалась равной ширине. Тут вся тема вокруг этой фичи, а наделать просто квадратных блоков можно и не через флекс.

так у вас в примере ширина не равна высоте

что мешает использовать флексбокс?

https://jsfiddle.net/9aL4oc76/16/

В 28.03.2016 в 06:26, Igor Schnaider сказал:

Учитывая IE10+, можно и SVG использовать.

А если все же png, то тут спрайты помогут.
 

Спасибо.

1 час назад, Barnin сказал:

Думаю, что во всех блоках с классом "...__inner"  надо поменять класс на один общий, например .section-inner{width:1170; margin:0 auto} без боковых паддингов.

паддинги боковые нужны, для того, чтобы при минимальном размере контент не прилипал к краям 

Решил заказчик добавить еще один пункт меню... и дописать немного текста в колонки...

Макет фиксированный. Обучаюсь вёрстке чуть больше месяца. В наименовании классов использовал методологию по БЭМ (похоже много раз перепутав блок с элементом). C JS еще толком не знаком, по-этому сделал только слайдер в разделе "отзывы" на чистом JS. Делал под требования IE10+

Макет

Верстка