안녕하세요?
이름 label 은 인라인 요소인데 상하 margin 못갖는것아닌가요?
..row .field label {
 margin-bottom: 5px;
}&nbsp;
display:inline으로 입력 후에도&nbsp;
 margin-bottom: 5px; 이 적용되니
이해하기 어렵습니다.&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/26f62a0f-0536-44fc-b4ce-be3a784ab302/blob" alt="" />

flex가 선언되면 자식요소는 인라인블록으로 변경됩니다.
그래서 .row .field에 display:flex를 주셔서 자식요소인 label이 인라인이었던게 인라인블록이 되어서 마진 상하를 갖게 된 것입니다.
&nbsp;

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

인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.