이거 가로 스크롤 안되는데요?UI 작업 중 가로 스크롤 컴포넌트에 대한 이야기다.담당하고 있던 홈과 챌린지 상세 정보 페이지에는 각각 가로로 스크롤을 필요로 하는 컴포넌트가 존재했다. 처음에는 이 컴포넌트들에 대해 굉장히 단순하게 스타일링 해두었었는데(1) 컴포넌트를 감싸는 너비는 100%로 지정하여 화면 크기 만큼 채워주고(2) 해당 너비 이상 넘치는 부분은 overflow-x: auto; 를 통해 접근을 허용한 뒤(3) 모든 브라우저에서 스크롤바가 노출되지 않도록 display: none; 을 지정해주었다.const SSectionScrollX = styled.div` display: flex; gap: 0.625rem; width: 100%; height: 254px; overflow-x..
