Угловой материал не реагирует на мобильные телефоны

Question

Я разработал свой сайт с использованием углового материала. Версия для рабочего стола отлично. Однако при просмотре на мобильном телефоне весь сайт выглядит сломанным и неуместным. Мне интересно, если это потому, что я не установил размер столбцов для каждого элемента на моем сайте? Любая помощь в том, как исправить это на мобильных устройствах, будет оценена по достоинству. Ниже я прикрепил свои метатеги в случае, если это может быть проблемой. Участок here, а также source code.

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="description" content=""> 
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> 
<meta name="viewport" content="width=device-width"> 

Answer 1

Я решил, что если вы добавите соответствующие атрибуты размера cols для небольшого экрана, это решит мою проблему. Поэтому используйте md-cols-sm="2" в тегах html, которые необходимо настроить на экране мобильного телефона.