How to align vertical frames?

Question

css

Hello. Can you tell me why the vertical frames (border-right) do not form a single vertical line?
Where did I go wrong?
https://jsfiddle.net/6fLveyms/

Answer 1

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

Answer 2

https://github.com/Nikulio/rubber_teach