[lesnababa]

#programowanie #react #javascript #webdev

Chciałbym prosić Was o pomoc.
Tworzę moją drugą w życiu strone, pierwszą przy pomocy Gatsby i napotkałem na dwa problemy, z którymi nie umiem sobie poradzić.
1. Strona rozjeżdża się przez jeden png(chyba), który ustawiłem częściowo poza ekran (right: -60px). Podczas pisania kodu i poprawiania, sie naprawia, jednak jak zresetuje podgląd, na nowo się rozjeżdża. Przez drugi problem nie wiem jak pokazać kod...
2. Chciałem udostępnić i pokazać to na github pages, ale ładuje się bez grafik, a bardziej tak jakby nie widział wszystkich folderów. Dodawałem według dokumentacji https://www.gatsbyjs.org/docs/how-gatsby-works-with-github-pages/ , ale wtedy ładuje wszystko z folderu public, a mój kod jest w src, więc repozytorium nawet nie zawiera komponentu o którym pisze w pierwszym problemie.

Link do github: https://github.com/igorpop/trening-widzenia

Chyba mało logicznie to opisałem, ale trudno mi na ten moment wyjaśnić to lepiej. Może ktoś z Was mógłby mnie naprowadzić chociaż jak poprawnie umieścić kod na github

[IlllI]

@lesnababa: dodaj do kontenera rodzica styl overflow-y: hidden; jeśli dobrze zrozumiałem o co Ci chodzi

[lesnababa]

@IlllI: wygląda to tak, a kod tak:

const StyledWrapper = styled.div
position: relative;

[lesnababa]

Problem z githubem rozwiązany. Strona uruchomiona poprzez netlify, a repozytorium wrzucone normalnie i wszystko jest.
Jeśli ktoś jednak mógłby zerknąć na kod i podpowiedzieć co zrobić z tym rozjeżdżającym się tłem to byłbym wdzięczny. Problem znajduje sie w templates -> mainsite i components -> patterns
A tu sama strona: https://trening-widzenia.netlify.com/

[se-go-dev]

Twój problem jest bardzo prosty do rozwiązania, aczkolwiek może się wydawać nieoczywisty.
Rozwiązanie znalazłem bez patrzenia na twój kod na githubie, wystarczy odpalić stronę w przeglądarce i tam sobie sprawidzić elementy i style css, uwierz mi znacznie łatwiej w ten sposób znaleźć błędy w css. Jeśli dobrze zrozumiałem twój problem, to polega on na tym, że pomimo iż dałeś overflow-x hidden, to strona wciąż jest szersza i pojawia się pasek przewijania poziomego, jeśli

[Fallenzgr]

@lesnababa: react gatsby do takiej stronki to jak strzelanie do komara z 8.8cm xD