Javier Marcos

Hice una clase en CSS solo con la intención de aplicar esos estilos a un elemento cuando se haga clic a dicho elemento. La clase se la agrego y se la quito al elemento con JS usando el classList.toggle. Quisiera saber si es buena idea tener clases de CSS que solo aparecen cuando hay interacción del usuario con el elemento. o es que no se recomienda.

Tengo un contenedor con display: grid; grid-gap: 1rem; grid-template-columns: repeat(2,auto);

Dentro del contenedor tengo como hijos directos a mis imágenes, todas las imágenes tienen width: 100% y tienen el mismo tamaño 1024x1024.

El problema es que algunas imágenes se ven pequeñas y otras grande, ¿por qué sucede esto?

Cuando a las imágenes les pongo: width: calc(100% - 1rem * 2); el problema se arregla, pero no entiendo por qué cuando no tienen esa propiedad, algunas se ven del tamaño deseado (grande) y otras de tamaño reducido.

¿Hay otra solución?