Por que se eu tirar o "flex-basis: 100%" do css ".portfolio li:first-child," quem fica com a largura de 100% é o ultimo trabalho do Terra.com.br? segue abaixo o cod css.
.portfolio li {
flex: 1 1 45%;
border: .5em solid black;
background-color: #FAFFFC;
width: 45%;
box-sizing: border-box;
padding: 1em;
margin-right: 1em;
margin-bottom: 1em;
}
.portfolio img {
width: 100%;
box-shadow: 0 0 4px #000;
}
.portfolio li:first-child {
width: 100%;
flex-basis: 100%;
}
.portfolio {
display: flex;
flex-wrap: wrap;