1
resposta

front-end HTML, CSS e JS

Boa tarde, eu gostaria de saber como eu deixo o "OKABER" em baixo do "Netflix" igual na print

como é no photoshop

https://prnt.sc/10ajx8g

como esta no meu visual:

https://prnt.sc/10ak0nm

https://prnt.sc/10ak15p

index:

https://prnt.sc/10ajy73

1 resposta

Olá Felipe, tudo bem?

Peço desculpas pela demora em obter um retorno

Quanto a esse erro ele acontece devido ao uso de imagens, ou seja, nesse caso não faz muito sentido usar imagens de texto, pode acabar desalinhando ou não podemos por exemplo, trocar a cor de fundo, o ideal é utilizar o <h1> e alterar a sua fonte. Uma outra observação é analisar o recorte dessas imagens, verifique se ao lado esquerdo da primeira letra há muito espaço vazio, nesse recorte tente deixar se uma forma semelhante para ambas fotos, mas podemos alinhar as imagens desse modo:

.header-1{

  display: flex;
  flex-direction: column;
  justify-content: center;

}

No CSS chamo a class “header” já declarada por ti, que é pai das duas div que controla as imagens e a transformo em um display flex, passando outros valores como o justificar o conteúdo ao centro e a direção em coluna.

A título de curiosidade deixo mais um artigo que pode lhe auxiliar a entender um pouco mais sobre flexbox.

Espero ter ajudado!

Sucesso

Abraços e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!