안녕하세요? 좋은 강의 감사드립니다.
강의 마지막에 (저번 메뉴 강의 때 처럼 padding 을&nbsp; 주는 대신) align-items: stretch; 속성을 이용해서 높이만 늘이셨는데요, 같은 방식으로 메뉴에 적용해보니 높이만 늘어날 뿐 메뉴의 텍스트는 위에 붙어있습니다.
그러고 보니 stretch 는 높이만 늘일 뿐 텍스트를 세로방향으로 중간에 놓지는 않는 것 같은데요 input 엘리먼트의 텍스트는 왜 자동으로 세로방향의 중간으로 놓여지나요?

input은 입력창이므로 div같은 일반적인 요소들과는 다른 특성을 갖고있기 때문입니다. flex랑 관계없이, input이 원래 입력된 텍스트를 가운데에 놓는다고 생각하시면 됩니다. 그리고 input의 기본 디자인이 브라우저에 따라 다르듯이, 정렬도 브라우저에 따라 차이가 있을 수 있습니다.

인프런 커뮤니티 질문&답변

align-items: stretch;