Desafio

Consegui criar a página, porém de forma diferente àquela apresentada na solução:

    <main>
        <h1 class="titulo-principal">Portfolio</h1>
        <div>
            <p>Veja abaixo a lista de meus projetos mais relevantes</p>
            <figure>
                <img class="bmw" src="img/bmw.png" alt="BMW">
                <a href="www.bmw.com">BMW: Reformulação de design e implementação de HTML, CSS e JavaScript</a>
            </figure>
            <figure>
                <img class="uol" src="img/uol.png" alt="uol">
                <a href="www.uol.com.br">UOL: Reformulação de design e implementação de HTML, CSS e JavaScript</a>
            </figure>
            <figure>
                <img class="ibm" src="img/ibm.png" alt="ibm">
                <a href="www.ibm.com">IBM: Reformulação de design e implementação de HTML, CSS e JavaScript</a>
            </figure>
            <figure>
                <img class="g1" src="img/g1.png" alt="g1">
                <a href="www.g1.com">G1: Reformulação de design e implementação de HTML, CSS e JavaScript</a>
            </figure>
        </div>
    </main>

Criei também um outro HMTL com sua solução, porém o resultado não ficou conforme o esperado. Existe uma citação para uma class img cujo nome não foi usado no html...

.portfolio img { width: 100%; }