So I’m creating my markdown previewer project as a part of the front-end libraries and frameworks curriculum, and I have noticed that when I inspect it with google dev tools, and I set to, for example, the iPhone 12 version of the page, it shows a weird white outline at the right side of the page. On some other phone versions the outline appears at the bottom instead.
I have added a screenshot below of what it looks like:
And here is a link to the project:
I noticed that removing the media query that affect devices with up to the width of 767 px removes the outline, but that of course also removes the necessary styles too.