}
.trabalhos {
background-color: #3C1D3D;
border-top: .5em solid #000;
border-bottom: .5em solid #000;
}
.trabalhos h2 {
color: #FFF;
}
/*.trabalhos ul {
overflow: hidden;
border: .5em solid black;
}
.trabalhos li {
float: left;
width: 33.333%;
}*/
.trabalhos img {
width: 100%;
display: block;
}
.trabalhos ul {
display: flex;
border: .5em solid black;
}
.trabalho li {
flex: 1;
}As imagens ficam todas juntas no lado esquerdo deixando um espaço à direita dentro do container. Como resolvo esse problema? quando redimensiono a página elas preenchem tudo, mas no tamanho original não. (ps. adicionei apenas o código pertinente).
