Por que não da certo usando os seletores avançados do css? por exemplo "+" para especificar que eu quero o primeiro li da class portfolio?
.portfolio li {
display: inline-block;
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 {
width: 100%;
}
usando o "+", já nao está especifico que é apenas o primeiro li para selecionar? colocando assim a largura de 100% no primeiro trabalho.