Pessoal, eu fiz o arquivo HTML de outra maneira, vejam:
<body>
<main>
<header>
<h1 class="titulo-principal">Meu Portfolio</h1>
</header>
<div class="conteudo">
<section class="portfolio">
<article class="artigo-bmw">
<a href="http://www.bmw.com">
<figure>
<img src="imagens/bmw.png" alt="BMW" title="BMW">
<figcaption>
BMW.com: reformulação de design e implementação de HTML, CSS e JavaScript
</figcaption>
</figure>
</a>
</article>
<article class="artigo-uol">
<a href="http://www.uol.com.br">
<figure>
<img src="imagens/uol.png" alt="UOL" title="UOL">
<figcaption>
UOL.com.br: reformulação de design e implementação de HTML, CSS e JavaScript
</figcaption>
</figure>
</a>
</article>
<article class="artigo-ibm">
<a href="http://www.ibm.com.br">
<figure>
<img src="imagens/ibm.png" alt="IBM" title="IBM">
<figcaption>
IBM.com: aplicação de progressive enhancement em conjunto com aplicação back-end
</figcaption>
</figure>
</a>
</article>
<article class="artigo-g1">
<a href="http://www.g1.com.br">
<figure>
<img src="imagens/g1.png" alt="G1" title="G1">
<figcaption>
G1.com.br: reformulação de design e implementação de HTML, CSS e JavaScript
</figcaption>
</figure>
</a>
</article>
</section>
</div>
</main>
O CSS é o mesmo. Eu acho que a semântica fica melhor assim. Claro, posso estar redondamente enganado.
Obrigado!!!
