グリッド内の引用符の画像が拡大表示される

縦長の写真を2つ並べて表示したいと考えています。(これは「前」と「後」の比較です。)しかし、[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%;
}

Hmm… [grid] は画像や動画以外での使用は想定されていませんでした。引用でほぼ機能しているのは素晴らしいですが、そのユースケースをサポートする予定はありません。引用を横並びにすると、小さいウィンドウサイズではあまり見栄えが良くないのではないでしょうか?

「いいね!」 1