학습한 내용
📌네이버오디오클립-카테고리 카피캣
지난 강의 부분이지만 깜빡해서 오늘했다(머쓱)
비교적 간단한 부분이라서 쉽게 끝낼 수 있었음!✔정렬부분
ul을 정렬할 때 space-between을 주로 사용했었는데
li 가 많을 경우 width값을 정해놓지 않는다면 between 정렬이 깨지게 된다.
이럴때 justify-content의 값을 flex-start로 설정하고 margin 값을 설정해주면 깔끔!
✔nth-child부분
박스 부분 컬러를 다양하게 주고 싶다면
가상선택자 nth-child를 사용!
- nth-child(odd)= 홀수 요소
- nth-child(even)= 짝수 요소
📌트위치 상단영역 카피캣
상단 부분은 스크롤을 내려도 고정이 되어있기 때문에 position의 값을 fixed로 설정!
학습소감
뜬금없지만 class 이름 정하는게 가장 어렵지않나...? 라는 생각이 든다.
새싹이지만 끝내 이기리라