[Dúvida] Distância entre imagem e informações

Irei prosseguir no curso da forma que os professores estão ensinando, até porque esse distanciamento pode ser arrumado em aulas que eu ainda não vi.

Olá, João! Como vai?

Na verdade, caso você centralize os elementos e adicione um gap de 84 pixels, ele não se adaptaram a qualquer tela proporcionalmente.

Ao utilizar pixels, o tamanho não se adapta a tela, por isso é chamada de medida absoluta ou fixa. Vale optar por medidas relativas.

Você pode ver mais sobre isso aqui!

Espero ter ajudado. Abraço!

Mas neste caso, utilizando somente a porcentagem no padding, em monitores mais largos ficará um espaço vazio no meio, entre a imagem e os textos. E assim fica diferente do projeto do figma, que possui um espaço de 84px entre ambos.

"Esse é o código utilizado na aula"

.apresentacao {
    padding: 8% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

Estou enviando 3 imagens: 1 - Como a página fica no meu monitor, que é bastante largo; 2 - Como fica na tela dos professores; 3 - Como é no Figma




Nem na minha, que possui um monitor mais largo, nem na dos professores fica com o mesmo espaçamento que está no figma, que são 84px. Colocando a porcentagem, imagem e texto ficam muito distantes, deixando um buraco no meio. E não ia adiantar mudar a porcentagem, já que a porcentagem que ficasse boa no meu monitor, ficaria ruim em um monito menor.