Solucionado
Quando eu codifico o meu CSS para aumentar o espaçamento entre os elementos, eles tendem a se agrupar mais, especialmente os botões, a imagem não esta se afastando do bloco de texto. Eles parecem espaçados apenas quando eu mexo no zoom do navegador e diminuo pra 75% alguém sabe se isto esta correto ou a solução ?
.apresentacao {
margin: 10% 15%;
display: flex;
align-items: center;
justify-content: space-between;
}
Oi Leandro, como vai você? Espero que esteja bem!
No código o espaço externo esta sendo ajustado aos elementos da tag main, ou seja, todos os elementos que compõem a página e a medida que você aumenta o espaçamento das bordas com os elementos internos, estes mesmos elementos se aproxima um dos outros.
Para resolver esse problema, você pode ajustar o tamanho da seguinte forma:
.apresentacao {
margin: 1% 1%;
display: flex;
align-items: center;
justify-content: space-between;
}
Espero ter ajudado.
Caso surjam dúvidas, fico á disposição.
Abraços e bons estudos!