# الصور الرمزية للاقتباسات في الشبكة تتوسع

**URL:** https://meta.discourse.org/t/quotes-in-grid-have-their-avatar-images-expanded/386093
**Category:** Bug
**Created:** [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:** 1
**Showing post:** 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: [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%;
}

```

---

_[View the full topic](https://meta.discourse.org/t/quotes-in-grid-have-their-avatar-images-expanded/386093)._