1
resposta

[Dúvida] "justify-content: end;" ou "justify-content: flex-end;"

Olá,

Vi que há uma sútil diferença entre esses dois valores para a propriedade justify-content. Como estamos trabalhando dentro do contexto do flexbox o correto não seria utilizar o valor "flex-end", uma vez que o valor "end" se preocupa com o fluxo da escrita?

Entendo que o resultado final para o nosso caso será o mesmo, mas em outro projeto isso poderia afetar a disposição dos elementos em alguns cenários.

1 resposta

Olá Bruno!

Muito bem observado em notar a diferença entre "justify-content: end;" e "justify-content: flex-end;". A diferença principal está no contexto em que cada um é usado.

Na aula, ao aplicar justify-content: end;, o objetivo foi garantir que os elementos se alinhassem corretamente à extremidade do contêiner, independentemente da direção do texto. Para projetos onde o texto segue a direção padrão, como o português, você pode utilizar tanto end quanto flex-end, e ambos funcionarão bem para alinhar os itens à direita. Por isso, a escolha entre os dois pode depender do contexto do projeto e das necessidades específicas do layout que você está desenvolvendo.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado