Alfieros

Скорее всего на этот класс действует глобальный стиль. Добавьте к свойствам !important и проверьте переопределение стилей, если сработает, значит эти свойства уже присвоены.

@media screen and (max-width: 992px)

Нет одного и единственного решения при выстраивании адаптива. Всё зависит от дизайн-конструкции.
Данный запрос никак не относится к устройству, а лишь к разрешению экрана устройства. 992px - это примерно стандартное разрешение Laptop(Нетбук), а не Notebook(Ноутбук).
Вы должны отталкиваться от удобства просматривания контента на определенных разрешениях, а не устройствах. DevTool в хроме позволяет просматривать контент на любом девайсе(применяя разрешения экрана данного устройства).

.userImg{
display:flex; // Позволяет наследовать значения высоты и ширины вложенных элементов.
height: 150px; //  Ограничить сам блок по высоте. Можно и оба свойства оставить.
}
userImg img{
vertical-align: top; // или так, если отбросить варианты выше.
}
.userProfile__aside ul li{
display: flex;
border-bottom: 1px solid red;
align-items: center; // а дальше установите позиционирование как вам нужно.
}

Другой вариант решения