Colocamos o display: flex; no pai dessa caixa que aqui está usando uma classe no header chamada cabeçalho, assim conseguimos obter o resultado pedido um ao lado do outro.

1 resposta

solução!

por Lorena Garcia

| 11395.7k xp | 16970 posts

Alura Scuba Team

13/09/2022

Oi Paula, tudo bem?

Isso aí! E para lidar com a sobra de espaço usamos a propriedade:

justify-content: space-between , pai que é o .cabecalho.

Um abraço e bons estudos.

Uso do Flex-Box