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

لدي اقتباسان بصور عمودية سيكونان مثاليين إذا تم عرضهما جنبًا إلى جنب. (إنها مقارنة قبل/بعد.) ولكن عندما أقوم بتضمينها في علامات [grid]، تصبح صورة الصورة الرمزية للمستخدم ضخمة.

يبدو أنه يمكن إصلاح ذلك بتغيير في قاعدة CSS هذه، لاستثناء الصور ذات الفئة avatar من القاعدة:

.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%;
}

هممم… لم يكن المقصود استخدام [grid] إلا مع الصور أو مقاطع الفيديو. من الرائع أنها تعمل تقريبًا مع الاقتباسات، لكننا لا نخطط لدعم حالة الاستخدام هذه. أشك في أن الاقتباسات جنبًا إلى جنب قد لا تبدو جيدة في أحجام النوافذ الأصغر؟

إعجاب واحد (1)