Entrar Ainda não tem acesso?
2
respostas

Espaçamento dos ícones.

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Criando Header, Flexbox e @import e atividade Header, Flexbox e @import

por Kleber Pacheco de Araujo
| 56.3k xp | 54 posts

Mesmo com o padding na classe .container__imagem os ícones permanecem bem juntos.

Print da tela do meu computador

2 respostas
por Kleber Pacheco de Araujo
| 56.3k xp | 54 posts

Esse é o formato do design que está no Figma.

Print do header do projeto do Figma

Consegui aproximar o resultado alterando alguns itens no código.

.container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 10px 20px;
}

Esse é o resultado depois que acrescentei o gap e margin.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Renan Lima
| 3725.9k xp | 7881 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Kleber.

Tudo bem?

Ai sim, ficou muito bom o resultado! Isso que você fez é muito legal, testar e ajustar até chegar no resultado esperado, no caso, o mais próximo possível do Figma que era o seu objetivo, parabéns. Isso força a prática, e a querer entender as funcionalidades.

Valeu Kleber.