1
resposta

Imagem e conteúdo muito separados

Como faço para agrupar mais o conteúdo? a imagem está muito separado do texto... tentei algumas maneiras mas não deu certo Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Rafael. Você tentou manipular a propriedade margin?

.conteudo {
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin: 10% 15%;
}

No meu caso, deu certo apenas manipulando essa propriedade, e o .conteudo é a classe do meu main.

Lembrando que quando tem dois valores na propriedade margin significa que o elemento terá margens diferentes em relação aos quatro lados, seguindo a seguinte ordem:

O primeiro valor (10%) representa a margem superior e inferior. O segundo valor (15%) representa a margem direita e esquerda.

Espero ter ajudado e bons estudos.