강의 5분 30초경 세로배치에 대한 질문입니다.

margin: auto와 text-align: center 차이 먼저 설명드릴게요.

위의 그림을 보시면...
부모요소 내에서 블록요소가 수평중앙으로 갈 때 margin: auto 가 필요한거구요.
빨간색 박스 내에서 텍스트가 수평중앙으로 갈 때 text-align: center 가 필요한거에요.
어떤 때는 margin: auto 어떤 때는 text-align: center을 사용하는 것이 아니라
블록요소인 자기 자신이 수평중앙으로 갈 때 margin: auto
자기자신 내의 텍스트 또는 인라인 및 인라인블록요소를 수평중앙으로 보낼 때  text-align: center 입니다.

.dropdown-submenu a 세로배치하기

.dropdown-submenu a 세로배치하는건 .dropdown-submenu a를 블록요소로 바꾸는게 가장 효율적입니다. 만약 flex를 사용한다면 아래처럼 하시면 되는데 굳이 flex를 사용할 필요는 없다고 봅니다.

.dropdown-submenu {

   display: flex;

flex-direction: column;

}