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

Sem Alinhamento de colunas

Saudações Companheiro

Nessa aula o instrutor alinha em coluna as informações de corte, barba e serviços completo, mas não esta alinhando em colunas

Conseguem me orientar?

HTML

<ul class="item">
    <li>
            <img src="/Image/img-corte.jpg" alt="plano">
            <img src="/Image/icon-corte.png" alt="plano" class="icon">
            <h2>Corte</h2>
            <p>informações</p>

              <p><a href="corte">Saiba mais</a></p>
      </li>

      <li>
            <img src="/Image/img-barba.jpg" alt="seguro">
               <img src="/Image/icon-barba.png" alt="seguro" class="icon">
            <h2>Barba</h2>
            <p>informações</p>

              <p><a href="barba">Saiba mais</a></p>
      </li>

    <li>
              <img src="/Image/img-completo.jpg" alt="credito">
              <img src="/Image/icon-completo.png" alt="credito" class="icon">
              <h2>Serviços Completo</h2>
              <p>informações</p>

            <p><a href="completo">Saiba mais</a></p>
    </li>
</ul>

CSS

.item{
  width: 930px;
  margin: 0 auto;
}

.item li {
  display: inline-block;
  text-align: center;
}
3 respostas

Oi, Eduardo, tudo bem?

Acredito que o hmtl não esteja completo, você declarou a classe .itempara que o seu código css consiga aplicar os estilos?

O seu código css foi chamando dentro do html dentro da tag head, desta forma: <link rel="stylesheet" href="index.css">? Verifica essas observações e me fala se ainda assim os produtos não ficam centralizados. Aguardo : }

Ola Laís infelizmente não é a declaração da classe foi declaro no ul e também o index.css foi chamado dentro do html dentro do head

Olá Eduardo!

Na ul você colocou a classe com um . antes da palavra item. Como o nome da classe é diferente do que o CSS espera, as propriedades não têm efeito.

<ul class="item">

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software