tengo un problema con flexbox al maquetar un sitio web.
El problema es el siguiente: al utilizar justify-content: space-between; todas mis caja quedan pegadas pero si les agrego un margin-right: 1px; esta se posicionan correctamente.
Cabe destacar que utilizo el framework Bulma, pero no interfiere en mi codigo
no puedo encontrar el error.
// Trabajos
.contenedor-trabajos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
.trabajo {
width: 25%;
margin-bottom: 40px;
.thumb {
width: 100%;
margin-bottom: 40px;
img {
vertical-align: top;
width: 100%;
border-radius: 3px;
}
}
.descripcion {
text-align: center;
}
}
}
// Fin trabajos