2. В ваших css свойствах нет ничего, что заставило бы содержимое умещаться в любое окно без скролла.
Все высоты определяются содержимым, отступами и границами.
Кроме этого
html, body {
height: 100%;
width: 100%;
но содержимое просто вывалилось из этой высоты и всё.
И это правильно, в вебе нужно стараться задавать высоту только там, где без неё не обойтись.
3. Смотрите свежие уроки.
4. Можно было отредактировать старый вопрос, а не делать новый. И код с проблемой размещайте в песочницах jsfiddle.net (не нужна регистрация) или codepen.io
Антон Литвиненко, Я не настаиваю, но хочу сказать для автора и всех остальных интересующихся.
Пробовал несколько раз, не идет и все тут.
Тут дело не в том, удобно мне или нет. Моей голове тоже проще начинать с десктопа. Но делаю mobile first и даже переписываю старые проекты.
Но мы должны думать о пользователях, чтобы у них быстрее загружались сайты и тратилось меньше трафика. Доля мобильных всё растет и растет.
Лучший подход это mobile first.
Когда первичен размер мобильных девайсов.
Если есть все варианты макетов, то начинаете с мобильного.
Если есть только десктопный, то всё не так удобно и приходится либо многое держать в уме либо переписывать в нужном порядке (тут уж зависит от квалификации).
В каком порядке всё верстать, сначала одну ширину, потом адаптировать или по блокам это кому как удобнее.
Резюме пишется под конкретную вакансию (группу вакансий). И их может быть несколько.
Ну и про 3 месяца я бы постаралась не писать, а больше делать упор на то что умеете (или хотите) делать.
На гриды не нужно переходить, их нужно использовать в своем проекте дополнительно к другим свойствам.
Если не нужен ИЕ, то смело.
Интересно, почему вы не доверяете caniuse )))) (вопрос риторический)
