Gutenberg Gallery Block – Corrección de imágenes del mismo tamaño

Solo quiero compartir una solución rápida para la galería de Gutenberg ya que no pude encontrar la solución en ningún otro lado. Lo que arreglará:

• Problema: si carga imágenes en su galería que tienen diferentes tamaños, las miniaturas se muestran en diferentes alturas en cada fila. Arreglar: Todas las imágenes tendrán una forma cuadrada.
• Problema: Al agregar 4 fotos a un bloque de la galería de Gutenberg de 3 filas, siempre la cuarta foto ocupa todo el ancho del contenedor. Arreglar: Cada imagen mantendrá el mismo ancho.

Gutenberg Gallery Block Problema con el tamaño de la imagen de la cuarta fila:

Gutenberg Gallery Block corrección del mismo tamaño:

Corrección de CSS simple:

.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0; /* width fix */ 
}