Медиа-запросы. Что я делаю не так?

Question

[colorkid]

Начал тренироваться в адаптивной верстке. Наткнулся на следующую проблему:
Пишу медиа запросы вида (@media (max-width: 610px), на ноутбуке все прекрасно работает, переопределяет стили и все такое.
Залил сайт на хостинг, смотрю со смартфона, реакции 0. Как будто никаких медиазапросов в стилях и нет... Хотя на ноутбуке при изменения окна браузера все хорошо.
Что я делаю не так?
сайт colorkid.ru/coud/index1.html

Answer 1

[Кирилл]

Рискну предположить, что дело в meta viewport, погугли про это.
Попробуй добавить в head следующее:

<meta name="viewport" content="width=device-width, initial-scale=1">

Comments

[colorkid]

Спасибо. Все так. Добавил все заработало.

Answer 2

[Николай Ерофеев]

Уже ответили. Но могу посоветовать использовать bootstrap.