푸터 컴포넌트의 원칙

IT 지식이 풍부한 고양이 ‘요고’가 답변해 드려요.

푸터 컴포넌트의 원칙은 다음과 같습니다. 
첫째, 푸터 컴포넌트는 고정된 높이 없이 콘텐츠에 의해 높이가 정해져야 합니다. 메인 영역의 아래쪽 영역은 전부 푸터가 차지할 수 있어야 하며, 푸터가 일부러 margin-top을 갖는 등 관여해서는 안 됩니다. 이를 위해 푸터의 flex속성을 ‘1 1 auto’로 지정합니다.