같은 비율로 정렬 flex 이용

 

좌측 사이드바에 카테고리 메뉴를 같은 비율로 정렬하기 위해 flex를 이용했다.

( 헤더, 본문, 푸터 부분은 작업중 )

 

html 부분

 

CSS 부분

 

flex column 으로 세로 정렬을 해주고,

flex: 1  ( flex-grow:1,  flex-shrink:1,  flex-basis:0% )

로 설정하여

menu height 사이즈를 같은 비율로 공간을 채운다.