[✍️ Dev Log]이빛나라/ 21.09.30

### 오늘은 어떻게 프로젝트에 기여했나요?
* 튜토리얼 안내 모달 기능 추가 - 일정 기간 동안 나오지 않게 함
* 마이페이지 반응형 중

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* 반응형 구현 중 CSS가 안먹혀서 크롬 개발자 도구를 확인해보니 해당 css에 밑줄이 쳐져 있었다.
찾아보니 이것은 css가 충돌되서 일어나는 현상이라고 한다. css에는 적용 우선순위라는 것이 있는데
+ 기본적으로 뒤에 나오는 css가 우선순위가 높다
+ !important > inline style attribute > id > class, 다른 attribute, 수도클래스(:first-child같은 것) > tag element, 수도엘레먼트(::before같은 것) 순으로 우선순위가 높다
+ 우선순위가 같다면 개수가 많은 css가 우선순위가 높다.

라고 한다.
실제로 해당 미디어 쿼리의 위치를 다른 넓이의 미디어 쿼리 밑으로 옮겼더니 적용이 되었다!
참고블로그: [https://www.zerocho.com/category/CSS/post/588cb95ca63e64132496a5d5](url)
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [x] 반응형 구현
* [x] 기타 수정 사항