Как сделать уменьшение margin при уменьшении экрана?
Нужно сделать, чтобы при уменьшении экрана размеры блоков уменьшались - это я сделал. Поставил width: 8.333%, max-width и min-width. А вот еще надо, чтобы при этом расстояния между этими блоками тоже уменьшались. При максимальной ширине чтобы было 12px между ними, а при минимальном 9px. Как это можно сделать ?
Да, можно, есть такие единицы как vw, vh. В данном случае vw, это ширина вьюпорта, можно размер паддинга/маржина или размер шрифта сделать через vw, читайте и смотрите тут: https://css-tricks.com/viewport-sized-typography/
вот так написано в т.з.:
Необходимо сверстать промо-страницу по макету.
Сетка - резиновая, 12 колонок с расстояниями между ними, ширина - 90% от вьюпорта, максимум 1092px, минимум - 819px.
В максимальном состоянии ширина колонки - 80px, расстояние между колонками - 12px. В минимальном - 60px и 9px соответственно.
При ширине экрана менее 859px (мимимальная сетка + поля по 20px) продумать адаптивные стили, вплоть до ширины вьюпорта 320px.
Получится ли с помощью vw сделать чтобы margin был именно 12 пикселей и 9 пикселей ?
Михаил, да, только немного математики придется применить, чтобы размеры были резиновыми, но в пределах мин и макс значений. Поищите в гугле, я когда-то видел такую формулу.
Простой
