Angular Flex-Layout является наиболее распространенным выбором для адаптивного дизайна.Вы можете найти их отзывчивые документы API здесь .
. Во флекс-макете вы должны использовать fxLayout и fxFlex в соответствии с вашими предпочтениями, чтобы расположить сетку для каждого размера экрана.Например, fxLayout="column" на родительском элементе и fxFlex.lg="25%" на каждом из 4 дочерних элементов, чтобы выложить сетку из 4 одинаковых столбцов для размера экрана 'lg'.