Помогите пжлст сделать правильно резиновый сайт. У меня проблемы с шириной и высотой блоков. Когда прописываю max-width к конкретному блоку - это свойство почему-то не работает. Max-width работает только, если прописываю его к body в общем. Хочется сделать сайт, который будет тянутся при разных разрешениях экрана.
Код можно посмотреть на
codepen.
Столкнулся со следующими вопросами:
1) Как правильно прописывать
ширину max-width: для body в целом или для каждого блока отдельно?
2) Как правильно делать
высоту блока? Фиксировать в px или делать в %. Прописываю height: 100%, но блоки получаются слишком низкие... Как сделать так, чтобы каждый блок был по высоте на один экран?
3) Как делать правильно
расстояние между блоками? Делаю через margin-top или bottom в пикселях. Например, margin-bottom: 200px. Правильно это вообще? Стоит ли фиксировать отступ в пикселях? Если нет, то как правильно будет?
4) И еще момент по отступам во втором блоке. Второй блок сделан рамкой с отступами по бокам. Как сделать так, чтобы при уменьшении экрана, отступы оставались? При 1000px смотрится правильно, но начинаю уменьшать и отступы пропадают. Сейчас блок сделан с width: 100%; и прописанным max-width к body.
Помогите пжлст. Хочется разобраться, как правильно делать ширину и высоту блоков, чтобы они тянулись. Перепробовал разные варианты, но так и не нашел правильного решения :(
Простой
Средний