Citações na grade têm suas imagens de avatar expandidas

Tenho duas citações com fotos verticais que ficariam perfeitas se exibidas lado a lado. (É uma comparação antes/depois.) Mas quando as coloco entre as tags [grid], a imagem do avatar do usuário fica enorme.

Parece que isso poderia ser corrigido com uma alteração nesta regra CSS, para isentar imagens com a classe avatar da regra:

.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] nunca foi projetado para ser usado com nada além de imagens ou vídeos. É legal que funcione quase com citações, mas não planejamos dar suporte a esse caso de uso. Suspeito que citações lado a lado podem não ficar muito boas em tamanhos de janela menores?

1 curtida