Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Section de Dispositivos

Estou em dúvida sobre como montar a estrutura da seção de dispositivos pensando na semântica do código.

Fiz assim:

 <section class="container-quatro">
            <h2 class="titulo-container-quatro">Disponível nos seus dispositivos favoritos</h2>

            <figure class="imagem-tv-box" >
                <img class="imagem-tv" src="assets/img/tv.png" alt="">
                <figcaption class="legenda-tv">TV</figcaption>
            </figure>

            <figure class="imagem-computador-box" >
                <img class="imagem-computador" src="assets/img/computador.png" alt="">
                <figcaption class="legenda-computador">Computadores</figcaption>
            </figure>

            <figure class="imagem-tablet-box" >
                <img class="imagem-tablet" src="assets/img/celular.png" alt="">
                <figcaption class="legenda-tablet">Celulares e tablets</figcaption>
            </figure>
        </section>

Também está correto, ou estou inventando coisas?

2 respostas
solução!

Olá, Flávio.

Tudo bem?

Se estiver funcionando certinho, de boa, porque a estrutura está bem legal, a semântica também.

As quatro tags <figure> dentro de uma tag <section>, ficou top!!

É bom praticar assim, entender as coisas, e mudar algumas partes.

Parabéns.

Qualquer dúvida conta com a gente :)

Valeu Flávio!

Obrigado, Renan! Seguimos! Um abraço e até a próxima!