Projeto semi-finalizado com erro

Oi pessoal, tudo bem? Eu finalizei o projeto com um porém, na parte de dispositivos, os ícones ficaram na vertical e não na horizontal. Comparei os códigos e tudo mais mas ainda não consigo encontrar o erro. Podem me ajudar?

HTML:

<section class="dispositivos">
<h2 class="dispositivos__titulo">Disponível em seus dispositivos favoritos</h2>
<ul class="dispositivos__listas">
  <li>
    <img src="img/tv.png" alt="icone televisão">
    <h3 class="lista__item">TV</h3>
  </li>
  <li>
    <img src="img/computador.png" alt="icone computador">
    <h3 class="lista__item">Computadores</h3>
  </li>
  <li>
    <img src="img/celular.png" alt="icone celular">
    <h3 class="lista_item">Celulares e Tablets</h3>
  </li>
</ul>
</section>

CSS: .dispositivos { text-align: center; }

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

.dispositivos__titulo { font-size: 48px; color: var(--branco-principal);