Font
눈누: https://noonnu.cc/
구글 폰트: https://fonts.google.com/
flex: 자기 content 공간 만큼만 차지한다.
block: width가 100%가 되도록 한다.
display:flex
justify-content: flex-start , end , center , space-between, space-around의 차이를 알기
아직 잘 모르는 align-items
:flex-start : 자신의 넓이 만큼만 차지한다.
:flex-end : 끝쪽으로 간다.
:center: 중앙으로
:baseline : 문자열을 중심으로 위치시킨다.
flex-basis : flex에서 내가 차지해야 하는 공간을 차지한다.
flex-shrink : 양보의 개념으로 생각하면 편하다.