1. div class="container" 안에 잘라 옮기기
container - row - col은 패키지다!
캡쳐 없음. 알아서 구역별로 옮겨넣으시라
before
↓
↓
↓
after
2. inline-block 해제 → li 일렬로 배치
li는 원래 블록형 태그
3. text-right로 바꾸면 끝!
4. 클릭 시, 이미지 변동 (mix-up 플러그인)
4-1) tap 객체에게 반드시 class="filter" 삽입하고
4-2) data-filter=".identity"
아래 이미지에서는 ".boot" ".ec" ".sir" ".react" ".plan"
4-3) 대상 썸네일은 class="mix identity" 반드시 삽입
4-4) tab 객체의 data-filter 클래스로 걸러낸다. (밑줄)
5. 미디어쿼리로 container 너비 확장