Tengo un contenedor con la propiedad display: flex Dentro del contenedor tengo varios elementos alineados horizontalmente entre si. Cuando cambio el tamaño de la ventana algunos de los elementos su ancho va cambiando por ejemplo en los elementos
¿ Cómo puedo hacer que no me cambien el ancho de ciertos elementos ? En mi caso me interesaría que no cambiara el tamaño de "boton2"
Ejemplo:
HTML:
<div class ="contenedor">
<div class ="celda" >
<span class="titulo1">Titulo1</span>
<span class="titulo2">Titulo2</span>
<button class="boton1">Boton1</button>
<button class="boton2" />
</div>
</div>
CSS:
.celda {
display: flex;
justify-content: space-between;
align-items: center;
}
.boton2 {
width: 30px;
height: 30px;
border: 1px solid;
background: url("../imagen/imagen.png");
}