Оцените верстку

[Sabay]

Всем привет друзья!

Попробовал в первые сделать адаптивную верстку с помощью медиа запросов. Вообще читал, смотрел что адаптивная и отзывчивая верстка НЕ одно и то же. Поэтому скорее я сделал отзывчивую верстку))))))

Вот такой вопрос у меня:

В  4 блоке latest Blog posts, первый и четвертый новостной блог по шаблону выходят за ширину контента(940px);

при  сжатии я задал им display:none;

Так чтоб при меньшей ширине было два блока, а далее один???????????????????????????????????????????????

Возможна ли такая реализация этого момента, возможно ли далее тем кто будет осуществлять с помощью JS или PHP реализацию горизонтального скроллинга, сделать так чтоб все эти блоки отражались на месте одного, с  помощью прокрутки, когда сайт будет открыт на телефоне???

Короче возможно ли реализация сжатия, ВЕРСТКА, так как сделал я???

Буду очень рад и признателен вашим замечаниям, и как всегда всем отозвавшимся огромное при огромное благодарю!!!!

Задачу пиксель в пиксель не ставил , по шаблону есть визуальные отличия!!!

 

 

Верстка: http://sportclabchel.ru/ALTAIRE/altair.html

 

Шаблон: http://sportclabchel.ru/ALTAIRE/index.jpg

Edited October 30, 2014 by Sabay

[swandev]

http://imgur.com/LhqlFFB

[Sabay]

с какого устройства эта картинка?

Не могу к сожалению решить это расхождение потому как не вижу его на стандартном мониторе при сжатии, а также на имеющемся смартфоне(

Edited October 30, 2014 by Sabay

[swandev]

Айпад / хром

 

 

открыл на десктопе, иконка также съехала, на любом разрешении 

[Sabay]

не вижу не где этого, даже не знаю что подкрутить по коду

[swandev]

footer .social-networks {

   float: right;

   width: 26%;

}

Edited October 30, 2014 by ALEEX SWN

[Sabay]

У  вас иконка выпадает при сжатии? или при статике?

[swandev]

она всегда выпадает, на всех браузерах (новые версии ие, хрома, фф)

[Sergik+]

У меня под лисой последней на буке вообще нету кнопок социальных.