indenger20

Да там где хотите что-то поправить, там и добавляете запрос.

Хоть каждые 5px

Добавляете еще один медиа запрос.

@media(min-width: 992px) and (max-width: 1024px) {}

Ваше решение приведет к косяку следующего блока...

Здравствуйте.

Добавьте в стилях, должно нормально отображаться.

.menupicWrapper {

  display:table;

}

посмотрите css документацию по flexbox.

или можно костыль на js написать.

Так вы не правильно написали ширину.

width: 24,25%; //не правильно

width: 24.25% //правильно

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

У меня недавно был заказ, там ширина была 1400px и попросили адаптивно, так вполне красиво смотрится.

Спасибо за отзывы.

Продолжаю работу:)

Если с такой разметкой, то

#center {

float: left;

width: 60%;

background-color:red;

}

Вот и все..

Или средством js

$('.right').insertBefore('.footer');

Честно говоря, я уже не понимаю что вам нужно:)

<div class='container'>
   <div class='left'></div>
   <div class='right'></div>
   <div class='center'></div>
</div>
<div class='footer'></div>

.container:after {
  content: '';
  display: table;
  clear:both;

}
.left {
   float: left;
   width: 20%;
}
.right {
   float:right;
   width: 20%;
}
.center {
   margin: 0 auto;
   display: table;
   width: 60%;
}

У меня же работает и ничего не ползет:)