# 그리드 내 인용문에 아바타 이미지가 확대됩니다

**URL:** https://meta.discourse.org/t/quotes-in-grid-have-their-avatar-images-expanded/386093
**Category:** Bug
**Created:** [10월 18, 2025, 8:45오후 UTC](https://meta.discourse.org/t/quotes-in-grid-have-their-avatar-images-expanded/386093 "2025-10-18T20:45:22Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![une.abeille](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/une.abeille/32/526012_2.png) [@une.abeille](https://meta.discourse.org/u/une.abeille)
#### Post date: [10월 18, 2025, 8:45오후 UTC](https://meta.discourse.org/t/quotes-in-grid-have-their-avatar-images-expanded/386093/1 "2025-10-18T20:45:22Z")

</div>

세로 방향 사진이 포함된 인용글 두 개가 있습니다. 이들을 나란히 표시하면 완벽할 텐데요. (전/후 비교 사진입니다.) 그런데 `[grid]` 태그로 감싸면 사용자의 아바타 이미지가 너무 크게 표시됩니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/5/e/b5e3e3549a98861038a7374442e87dde52818954.jpeg)

아래 CSS 규칙을 수정하여 `avatar` 클래스가 있는 이미지를 해당 규칙에서 제외하면 해결될 것 같습니다:

```css
.d-image-grid:not([data-disabled]) .d-image-grid-column img, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper > .lightbox {
  width: 100%;
}

```

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [10월 20, 2025, 2:02오후 UTC](https://meta.discourse.org/t/quotes-in-grid-have-their-avatar-images-expanded/386093/2 "2025-10-20T14:02:23Z")

</div>

음… `[grid]`는 이미지나 비디오 외에는 사용되지 않도록 설계되었습니다. 인용구와 함께 거의 작동한다는 점은 좋지만, 해당 사용 사례를 지원할 계획은 없습니다. 작은 창 크기에서 나란히 배치된 인용구가 그렇게 보기 좋게 보일지 의문입니다?