1
resposta

[Bug] como colocar a sacola e o perfil na horizontal

Não consigo colocar a sacola e o perfil na horizontal, alguem poderia me ajudar?

1 resposta

Oi, Julia, tudo bem?

Por padrão, ao criarmos a componente dos ícones, as imagens recebem display: block o que faz com que elas fiquem na posição vertical. Para alterar a visualização para a posição horizontal precisamos alterar o tipo de display. Podemos fazer isso, acessando o arquivo "estilos.css" que se localiza na pasta "IconesHeader" que faz parte da pasta "componentes", dentro da pasta "src". Nela vamos alterar o display para flex na classe .icones. Por padrão, ao inserir o display:flex a posição, os elementos filhos são posicionados na mesma linha, ou seja, na posição horizontal. Ficaria assim:

.icones{
    display:flex;
}

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software