안녕하세요 포트폴리오3를 하면서 mixin과 미디어 쿼리를 같이 사용하면서 궁금한점이 생겨서 글을 남깁니다.
scss를 통해서 파일을 작성하고 있는데 @mixin 속성은 미디어쿼리 내부에서 수정이 안되더라고요.
그래서 작성 방법을 두가지 정도 생각해 봤는데,
1. @mixin 속성 내부에 미디어 쿼리를 작성
2. @mixin 속성을 include하는 모든 클래스들을 미디어 쿼리 내부에서 수정
1번 방법은 수정이 편리한 반면, 강의에서 말씀해주신 것이랑 다르게 미디어 쿼리가 코드 제일 아래에 배치되지 않고
중간에 mixin을 include한 클래스 바로 아래에 미디어 쿼리가 하나씩 생성되고(include가 4개면 4개만큼 새로운 미디어 쿼리 생성)
2번 방법은 include한 클래스가 추가될 때마다 최하단에 하나의 미디어 쿼리 내부에 추가함으로써 작성할 수 있었습니다.
편의성 vs 강의내용 느낌으로 뭐가 더 좋을지 고민하게 되는데,
강의에서 말씀해주신 것처럼 미디어 쿼리를 최하단에 두는 것을 우선순위로 두고 2번 방법을 사용하는게 좋을까요?
-
이 게시글은
조성만에 의해 5 월, 1 주 전에 수정됐습니다.
-
이 게시글은
조성만에 의해 5 월, 1 주 전에 수정됐습니다.