У меня есть жулик в списке, который я не могу контролировать

Question

на моей странице контактов "http://findgirvin.com.s3 -website.us-east-2.amazonaws.com / Контактная информация "

значок телефона не центрируется при уменьшении до размера экрана мобильного телефона. Я переписал код несколько раз. Это список MDL. Есть мысли?

Answer 1

После просмотра сайта.

Я не знаю, как решить его «способом пользовательского интерфейса mdl», поскольку я не использовал его.

Но вы можете добавить свой собственный CSSк диапазону mdl-list__item-primary-content класса, например:

.mdl-list__item .mdl-list__item-primary-content > span {
  display: flex;
  flex-direction: column;
  align-items: center;
}

Если я использую метод flexbox для центрирования по горизонтали столбца flex.

Не забудьте добавить медиазапросы для маленькихтолько экран.