4
respostas

display: flex e position: fixed, como conciliar ambos?

Quando eu uso 'position: fixed' meu 'display: flex' desanda. Tem alguma forma de conciliar os dois?

4 respostas

Olá Júlia, tudo bem?

Onde você está tentando aplicar o position: relative ? De fato essas duas propriedades costumam conflitar, se quiser me passar o código HTML e CSS para que eu possa ver o contexto e verificar se há a possibilidade de conciliá-las.

De modo geral, costuma-se usar muito mais o display do que o position, isso porque com o display flex ou diplay grid na grande maioria dos casos, já é possível sanar a maior parte das demandas de um layout, visto que ambos possuem um combo de propriedades.

Fico no aguardo para saber mais, abraços!

Olá, Beatriz, tudo sim e com você?

Desculpa, é position fixed. quero manter um local que serve para navegação fixado na tela.

https://jubbeez.github.io/Meu-Portfolio-GitHub-Pages/

essa parte de "home, sobre, projetos, fale comigo"

abraços!

Opa Júlia, tudo bem comigo.

Abri o devtools no seu projeto para analisar o código e notei que você já aplicou o position: fixed na <ul>, que é a parte do "home, sobre, projetos, fale comigo", mas não entendi o que tem de errado com o display: flex, você pode me explicar melhor o que está de alterado?

E se puder compartilhar o link do repositório comigo.

Abraços!

então, eu adicionei esse position: fixed, mas to pensando na questão da responsividade. Dessa forma como adicionei atrapalha não é?

link do repositorio: https://github.com/jubbeez/Meu-Portfolio-GitHub-Pages

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software