Having shorter lines in code editor, but longer ones when get pushed to github repo

I am experiencing an issue where the code lines in VS Code appear normal, but when I push the code to GitHub, the lines become excessively long with horizontal scrolling. This happens particularly when writing comments.

Here how a portion of the code look in vs code

and here how it looks in github

Initially, both the editor and GitHub displayed long code lines. I adjusted the editor's settings, specifically the word-wrap property and word wrap column, hoping that it would also apply to GitHub. Unfortunately, the changes did not reflect on GitHub.

I am seeking a solution to ensure that the code appears consistently in both the code editor and on GitHub.

The lines are in fact excessively long. You need to add line breaks in your code. You've told VSCode to break lines where there aren't actually line breaks.

For example, pretend this is a very long comment:

# This is some very long comment

It should become something like this:

# This is some very
# long comment

Since you're using Python, you should be limiting the line length anyway; see PEP 8.