Quebrando nesses pixels...

[luxu]

Bom dia glr, meu projeto está quebrando nesses pixels... 336 x 345 -> menu quebra 346 x 375 -> normal 376 x 385 -> menu quebra

Se puderem v onde estou errando meu git é: luxu

[Pliavi]

O primeiro breakpoint que tu diz quebra em 335, porque é o que você definiu na linha 117. A quebra do menu é causada pelo transform que tu colocou na linha 143.

O absolute já define que o menu deve ficar encostado na direita, se você empurra 100% dele pra direita, ele empurra toda sua página, fazendo ele dividir espaço com o resto da página: Se remover o transform ele já resolve.

Sobre a outra quebra, é apenas o texto que desce, mas é apenas um pixel de quebra, ignore-o, não é um breakpoint importante, isso é bem capaz que seja algo do proprio navegador arredondando o valor do pixel pra cima quando ele tem o valor dinâmico (porcentagem).

[leogreal]

Estou com o mesmo problema, e não entendi a solução :|

[RaphaelFreire]

Estou com o mesmo problema, não solucionou mas coloquei a meta:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

A frequência que erro aconteceu diminuiu, acredito que o problema seja algo relacionado ao viewport.

[leogreal]

Lá no telegram o Lucas Kahl postou uma solução que funcionou pra mim.

@media (max-width: 335px) {
  body {
    position: relative;
    overflow-x: hidden;
  }
  html {
    overflow-x: hidden;
  }
}

[lucaskahl]

@luxu Beleza ?

Conseguiu resolver o problema ? Da um feedback pra nós :)

[RaphaelFreire]

@luxu No meu caso resolveu o problema. Valeu pela ajuda, consegui retomar os estudos só agora.

[luxu]

kra num testei não rs, mas a glr disse q conseguiu então confio na solução deles...