progressive

Ты хочешь, чтобы 4 колонка появлялась после изменений значений ширины 3 предыдущих на абсолютные единицы? Или при появлении определенного доступного свободного места? В любом случае мне кажется подобное было бы удобно реализовать на flexbox.

А лучше использовать clearfix для блока комментария, так как из за float на аватарах они цепляются за предыдущие.

Можно найти место по координатам в Яндекс.Геолокатор, и потом использовать это место в Яндекс.Конструкторе карт.

Как вариант, сделать у слайдера белый фон, а у контента серый, а переход сделать бэкграундом. http://joxi.ru/MAjoZDQhv4elDr

Можно логотипу задать float: left, а меню margin-left равный ширине логотипа. В данном подходе не нужно ограничивать меню шириной.

Мне для этого очень помогает сборщик проектов Grunt и CSS препроцессор Less Получается запись типа: // До компиляции.content { padding-right: 30px; width: @content-width; float: left; @media (max-width: @screen-bp) { float: none; }}// После.content { padding-right: 30px; width: 800px; float: left;}@media (max-width: 1200px) { .content { float: none; }}Нет необходимости гулять по файлу или файлам в поиске селекторов. Так же при помощи Grunt медиа запросы группируются и убираются в конец файла, а сам файл полностью минифицируется. Данный подход сложен, но при должном изучении значительно увеличивает скорость написания кода.

А чем мой вариант плох? У меня примесь .progress-bar(@percent) { background: #e2e2e2; background: -moz-linear-gradient(left, #e2e2e2 0%, #e2e2e2 @percent, #ffffff @percent, #ffffff 100%); background: -webkit-linear-gradient(left, #e2e2e2 0%,#e2e2e2 @percent,#ffffff @percent,#ffffff 100%); background: linear-gradient(to right, #e2e2e2 0%,#e2e2e2 @percent,#ffffff @percent,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=1 );}И в нужном месте я вызываю ее при при помощи .skill { &-design {.progress-bar(89%);} &-development {.progress-bar(97%);} &-plugins {.progress-bar(85%);} &-frontend {.progress-bar(75%);}}

Исправил

У Вас размер содержимого больше ширины слайдера. Слайдер - 670px, Не влезающие элементы 3*( 217(ширина) + 10(левый отступ) ) = 681px, ширина изображений в данном случае задана 206px. С которыми все хорошо 3*( 211(ширина) + 10(левый отступ) ) = 663px, ширина изображений в данном случае задана 200px.

Репозиторий на GitHub Сборка Коллеги, доброго времени суток! Оцените качество верстки, очень интересна критика, так как это моя первая публичная демонстрация. Верстка бесплатного макета под WordPress.

Для Google Chrome тоже есть расширение.

Как вариант: http://codepen.io/progressiveCat/pen/wMKNvv Так же советую в дальнейшем использовать хоть какие нибудь заглушки, а не битые изображения. Например: http://dummyimage.com/