Estoy tratando de hacer una diapositiva de carrusel, pero cuando uso object-fit:cover y agrego la segunda imagen, el ancho de la primera y la segunda imagen cambian del 100% al 50%.
en 1 entrada funciona bien Ver foto aquí
en la segunda entrada está cambiando su ancho Ver foto2 aquí
Creo que la propiedad object-fit:cover se puede establecer con la propiedad width .
image { width: 100%; object-fit: cover; }Luego, la imagen se coloca adecuadamente para que su ancho sea del 100%.
Si realmente desea que img esté 100% en diseño flexible, puede usar una de estas opciones:
img { width: 100%; flex-shrink: 0; } img { min-width: 100%; }Si es algo más, actualice/mejore su pregunta