Revisando e Praticando a Sessão Dispositivo

Montei a estrutura da minha seção dispositivos desta maneira:

  <section class="dispositivos">
        <h2 class="dispositivos__titulo">Disponível nos seus dispositivos favoritos</h2>
        <ul class="dispositivos__lista">
            <li class="lista__icone">
                <img src="img/tv.png" alt="ícone de televisao">
                <h3 class="lista__item">TV</h3>
            </li>
            <li class="lista__icone">
                <img src="img/computador.png" alt="ícone de computador">
                <h3 class="lista__item">Computadores</h3>
            </li>
            <li class="lista__icone">
                <img src="img/celular.png" alt="ícone de celular">
                <h3 class="lista__item">Celulares e Tablets</h3>
            </li>
        </ul>
    </section>

CSS

.lista__icone {
    display: inline-block;   

}

.dispositivos {
    text-align: center;
}

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

}

.lista__item {
    font-size: 32px;
    color: var(--branco-principal);
}

.dispositivos__lista {
    margin: 5em 0;
}