2
respostas

Containe Lista Ícones - Código diferente

Olá! Tentei fazer o código da sessão dos ícone ("Disponível nos seus dispositivos...") antes de assistir à aula e acabei fazendo um pouco diferente, mas aparentemente o resultado foi igual ou muito próximo do objetivo.

Minha dúvida é, se foi sorte ou se esse código seria uma das possibilidades aceitas para fazer essa sessão mesmo, se em algum momento poderia gerar algum erro inesperado.

Segue código:

<section class="container terciario">
        <h2 class="descricao__titulo">Disponível nos seus dispositivos favoritos</h2>
        <div class="container__imagens">
            <div>
                <img src="assets/tv.png" alt="icone tv">
                <p class="descricao__icone">TV</p>
            </div>
            <div>
                <img src="assets/computador.png" alt="icone computador">
                <p class="descricao__icone">Computadores</p>
            </div>
            <div>    
                <img src="assets/celular.png" alt="icone celular">
                <p class="descricao__icone">Celulares e tablets</p>
            </div>  
        </div>  
    </section>

Resultado:
Resultado código

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
2 respostas

Segue a parte do CSS, faltou enviar:

.terciario {
    text-align: center;
    grid-template-columns: 100%;
    align-items: center;
}

.container__imagens {
    display: flex;
    justify-content: center;
}

.descricao__icone {
    font-size: 32px;
    font-weight: 700;
}

Olá Matheus.
Em programação há muitos caminhos que levam ao mesmo destino.
O mais importante é aprender a implementar testes em seus codigos para verificar o comportamento em diferentes dispositivos e navegadores.
A base do seu código em sim está bem feita mas sempre há espaços para melhorias.
Continue explorando as muitas possibilidades e modifique seu código sem medo.
Está no caminho certo.
Comente ai qualquer duvida.
Bons estudos.