Работа с media queries?
Есть три правила
/* =============================================================================
Base 966px Grid
========================================================================== */
body {min-width: 996px;}
/* Container */
.container {
margin-left: auto;
margin-right: auto;
width: 996px;
}
/* =============================================================================
768px Grid
========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 995px) {
body {min-width: 768px;}
/* Container | 768px */
.container {width: 768px;}
/* =============================================================================
Less than 768px
========================================================================== */
@media only screen and (max-width: 767px) {
body{min-width:0;}
/* Container */
.container { margin:0 auto; width:456px; overflow:hidden;}
Теперь что нужно сделать?
Посмотрите этот сайт http://isala.kz/perevod/
и сожмите окно браузера до минимального размера и увидете как сайт выглядит.
Тут срабатывают правила @media only screen and (max-width: 767px) {}
Скрин прикрепил на всякий.
Вот нужно чтобы на телефонах смотрелось так же.
Именно так же как у правила в @media only screen and (max-width: 767px) {}
SKYPE: dj_sunrise17
Ребята я сам верстальщик и примерно оцениваю сложность работы. Мне не нужно все мои блоки ровнять под мобильные. Нужно лишь правильно написать правило Media queries. Оплата по часовой не устраивает. За проект цену пишите.