Achievement Goals 다양한 CSS 셀렉터 규칙을 이해할 수 있다. 자식 셀렉터는 자신의 자식만 해당되고 후손 셀렉터는 자신의 자식뿐만 아니라 자식의 자식의 자식... 까지 모두 포함한다. 레이아웃을 위한 HTML을 만들 수 있다. Flexbox를 이용해 레이아웃을 만들 수 있다. Flexbox는 축에 따라 아이템 간 공간 배분과 정렬기능을 사용 할 수 있다. Flexbox의 축은 flex-direction 에 row, row-reverse, column, column-reverse 를 넣어 설정할 수 있다. flex-grow 아이템의 비율을 설정할 수 있다. flex-basis 아이템의 초기 크기를 설정할 수 있다. justify-content 수평 정렬 align-items 수직 정렬