React-responsive 훅 관련

Question

안녕하세요 리액트를 통해서 미니 프로젝트를 하나 만들고 있습니다!

반응형으로 만들기 위해서 react-responsive 를 설치한 다음 mediaquery 태그로 감싸고 최소 너비를 지정해 주었습니다.

대부분은 반응형으로 작동하지만 일부 요소들은 적용이 되지 않고 독립적으로 작동하는 것 같은데 이런 경우가 있나요..?

정현수 · Accepted Answer

안녕하세요. 해당 질문을 답변드리기 위해서는 조금 더 자세한 맥락이 필요하지만 제가 예상이 가는 부분을 답변드려볼게요.

보통 컨테이너 width를 지정해주고 그 부모의 아래에 있는 자식들의 width를 지정해주지 않으면 자식들의 너비가 우리가 원하는대로 동작하지 않을 가능성이 커요.

그래서 혹시 부모의 너비가 지정 되어있지만 자식의 너비가 지정이 안되어있는지 확인을 해보세요.
그리고 만약 이게 해결이 되지 않는다면 조금 더 자세한 맥락을 부탁드릴게요.
ex) 부모 요소의 css, 그리고 잘 동작하지 않는 일부 요소들의 css 캡쳐 사진