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

Praticando

HTML

   <section class="dispositivos">
      <h2 class="dispositivos_titulo">
        Disponível nos seus dispositivos favoritos
      </h2>
      <ul class="dispositivos_lista">
        <li>
          <img src="img/tv.png" alt="televisão" />
          <h3 class="lista_item">TV</h3>
        </li>

        <li>
          <img src="img/computador.png" alt="computador" />
          <h3 class="lista_item">Computadores</h3>
        </li>

        <li>
          <img src="img/celular.png" alt="celular" />
          <h3 class="lista_item">Celulares e Tablets</h3>
        </li>
      </ul>
    </section>

CSS

.dispositivos_lista {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 5em 0;
}

.dispositivos {
  text-align: center;
}
.dispositivos_titulo {
  font-size: 48px;
}
.lista_item {
  font-size: 30px;
}

TESTE

2 respostas
solução!

Olá, Mariana.

Tudo bem?

Ai sim, o código está estruturado certinho tanto o HTML quanto o CSS, e oresultado como esperado. Parabéns, valeu por compartilhar e bons estudos!

Muito Obrigada pelo elogio Renan! Fico muito feliz! :D