네이버 e스포츠 (완)
네이버 오디오 클립 (1) - 대체공유일 진도

1) 학습한 내용

1) e-sport 우측 파트

border-radius의 새로운 적용 방법
원래는 모든방향의 radius를 적용해야하는줄 알았지만 코드내용을 조금 바꿈으로써 부분적으로 효과를 줄 수 있었다.

border-bottom-right-radius: 4px;
border-top-left-radius: 4px;

magin: 0 auto; 를 줄 수 없는 상황
div안의 내용에 겉보기에 margin: auto 값을 주면 알맞을 것 같지만
밑에 border때문에 margin 값을 주지 않는 상황에서 정렬을 진행해야한다.

text-align: center;

으로 글자들을 x축으로 정렬하고 상하의 공백을 margin 으로 메꾸었다.

2) audio clip header

3개의 파트를 나누어서 각각 flex-between 값을 줬다.
id명과 class명 이 알맞게 잘 들어갔는지 확인하는게 중요하다.

35일차 e-sport page and audio clip Github

2) 학습내용 중 어려웠던 점

딱히 없었습니다.

3) 해결방법

x

4) 학습소감