모바일에서 카테고리 간 간격 줄이기

제품 지원
1

안녕하세요!! :slight_smile:

페이지를 검사해서 각 요소가 무엇인지 파악할 수 있을 때, CSS로 기본적인 기능을 처리하는 법은 알고 있어요. 하지만 모바일 버전의 경우 어떻게 진행해야 할지 모르겠네요.

카테고리 사이의 간격을 줄이고 싶어요.

데스크톱에서처럼 연속적으로 보이도록 만들고 싶은데:


이걸 어떻게 제어할 수 있는지 아시는 분 계신가요? 힌트 주시면 감사하겠습니다! :slight_smile:

2

안녕하세요 @lisandro_iaffar,

모바일 섹션에 이 커스텀 CSS를 추가해 주세요.

이렇게 하면 작동할 것입니다. :slightly_smiling_face:
첫 번째와 마지막 카테고리의 마진을 다시 추가했습니다.

.category-list-item {
  margin: 0;
  &:first-child {
    margin-top: 1em;
  }
  &:last-child {
    margin-bottom: 2em;
  }
}
3

대단해요 @Don !!! 감사합니다!!! :grin: