Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Fiz de uma outra forma

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!!!

2 respostas
solução

Luiz, boa tarde!

Ótima solução! De fato existem várias formas de se estruturar a página, interessante o fato de você ter conseguido usar o mesmo CSS. Não existe errado, apenas formas diferentes de se chegar no mesmo resultado!

Continue assim e bons estudos!

Valeu!!!