Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

<div> ou <ul>

Olá, colegas.

Tenho a mania de tentar resolver os problemas sozinho antes de ver como o professor fará a resolução. Pois bem, estava escrevendo o código para os produtos e fiz da seguinte maneira:

<main>
            <div class="hair">
                <h2 class="title">Cabelo</h2>
                <img>
                <p class="description">Na tesoura ou na máquina, como o cliente preferir.</p>
                <p class="price">R$ 25,00</p>
            </div>
            <div class="beard">
                <h2 class="title">Barba</h2>
                <img>
                <p class="description">Corte e desenho profissional de barba.</p>
                <p class="price">R$ 18,00</p>
            </div>
            <div class="both">
                <h2 class="title">Cabelo + Barba</h2>
                <img>
                <p class="description">Pacote completo de cabelo e barba.</p>
                <p class="price">R$ 35,00</p>
            </div>
        </main>

Vi que o professor fez tudo dentro da tag "ul"

Minhas dúvidas são:

1- É errado fazer dessa maneira? Caso não seja, existirá alguma dificuldade ou gerará algum retrabalho na hora de fazer o CSS dos produtos?

Se os colegas tiverem algum conselho ou crítica ao código, por gentileza comentem :)

Obrigado!

1 resposta
solução!

Bom dia, tudo bom?

O elemento de divisão HTML <div> é um container genérico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para fins de estilos (usando class ou id),

O elemento HTML <ul> (ou elemento HTML de Lista desordenada) representa uma lista de itens sem ordem rígida, isto é, uma coleção de itens que não trazem uma ordenação numérica e as suas posições, nessa lista, são irrelevantes.

Então no caso de listas desordenadas, seria sim necessário o uso da tag <ul>.

Espero ter ajudado em algo.

Abraços.