quando uso o space between, o link do Github que fica a direita fica fora do espaço "Pai" e colado na foto, alguem sabe como resolver?
quando uso o space between, o link do Github que fica a direita fica fora do espaço "Pai" e colado na foto, alguem sabe como resolver?
Oi Eric, tudo bem? Espero que sim!
Parece que você está tendo problemas com o posicionamento do seu link do Github ao usar a propriedade justify-content: space-between; no Flexbox, certo? Isso pode estar acontecendo porque essa propriedade distribui o espaço igualmente entre os elementos dentro do container flex, e se o container não tiver espaço suficiente, os elementos podem acabar se sobrepondo ou saindo do espaço "pai".
Uma solução possível para o seu problema seria adicionar uma margem ao seu link do Github para garantir que ele não fique colado na foto. Você pode fazer isso adicionando a propriedade margin-right na classe do seu link do Github. Aqui está um exemplo de como você pode fazer isso:
.apresentacao__links__link:last-child {
margin-right: 20px;
}
Nesse exemplo, :last-child é um pseudo-seletor que seleciona o último elemento dentro do container. Então, nesse caso, ele está selecionando o seu link do Github e adicionando uma margem à direita dele. Você pode ajustar o valor de 20px para o que funcionar melhor para você.
Espero que essa sugestão possa te ajudar a resolver o problema. Lembre-se, essa é apenas uma sugestão e pode ser que você precise ajustar o código de acordo com o seu layout específico.
Espero ter ajudado e bons estudos!