[CSS] 스크롤바 없애기

스크롤바 관련 자료(사진)

내가 적용해야할 대상

다음과 같이 가로 스크롤바 없애는 코드

.Community-profile-list-container-box {
  display: flex;
  padding: auto;
  overflow-x: hidden; /* 가로 스크롤을 가능하게 함 */

  .Community-profile-list {
    display: flex;
    align-items: center; /* 수직 정렬을 중앙으로 맞춤 */
    overflow-x: auto; /* 내부 요소가 가로로 넘칠 경우 스크롤 가능하게 함 */
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */

    ::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
    }

    .Community-profile-personal-box {
      display: block;
      background-color: white;
      position: absolute; /* 상대 위치로 변경하여 스크롤 내에 위치하게 함 */
    }
  }
}