컨테이너 게시글 그리드 레이아웃 문제인가요?

기여 UX
1

안녕하세요,

태블릿 기기의 모바일 뷰에서 문제가 발견되었습니다.

해당 미디어 쿼리는 모바일에서 잘 작동하지만, 모든 모바일 뷰 폭에서 활성화되어야 한다고 생각합니다.

@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
}

924px를 초과하면 template-areas에 타임라인이 추가되는데, 이는 (제 생각에는 데스크톱에서만 나타나는 것 같습니다) 모바일에서는 레이아웃을 깨뜨립니다.

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}

감사합니다 :slightly_smiling_face:

2개의 좋아요
5

@Don 조금 테스트를 해봤는데, 이건 더 이상 문제가 아닌 것 같아요… 요즘 혹시 다시 발생하는 걸 보셨나요?

1개의 좋아요
6

@awesomerobot 확인해 주셔서 감사합니다.

하지만 여전히 문제라고 생각합니다. topic-progress-wrapper가 도킹된 경우에만 나타나는 것 같습니다.

1개의 좋아요
7

아, 알겠습니다. 제가 잘못된 부분을 보고 있었던 것 같습니다. 프로그레스 바가 도킹된 경우 레이아웃을 수정해야 합니다:

2개의 좋아요
8

이 주제는 3일 후 자동으로 닫혔습니다. 더 이상 새 답변을 작성할 수 없습니다.