미디어 쿼리의 단점CSS에서 미디어 쿼리를 사용하는 이유는 주로 웹 페이지의 반응성과 유연성을 높이기 위해서입니다. 현제 HTML 문서를 조회하는 디바이스의 뷰포트 크기에 따라 화면의 요소를 유동적으로 조정하고 사용자에게 더 나은 경험을 제공합니다. 하지만 미디어 쿼리는 몇 가지 문제점을 가지고 있습니다. 그중 가장 큰 문제점은 바로 전체 화면 크기만을 고려한다는 점입니다. 프론트 엔드 개발에서 각 요소는 컴포넌트화되어 상대적인 위치를 가지게 됩니다. 다시 말해, 부모 컴포넌트가 차지하는 공간 내에서 문서의 흐름에 따라 배치됩니다. 이런 상황에서 뷰포트의 크기에 따라 컴포넌트를 조정하는 것은 쉬운 일이 아닐 수 있습니다. 특히, 부모 컨테이너가 존재하는 경우, 부모 컨테이너가 바뀌는 것에 따라 자식컨테이..
