Strange posts layout on mobile devices when code blocks are present

[BDHU]

Here are two examples. Here is a link to one of my posts: post_1.
As you reduce the width of the browser window the contents of the post is correctly pushed into new lines.

Here is another example: post_2.
If we reduce the window width we can see that some contents are not pushed to the next line. Instead part of the content is displayed off of the screen (or browser window).

It seems the problem is caused by the code snippet block: ```C some code ```. By removing those blocks, the layout returns to normal state. (More specifically, if the code in the block exceeds certain length then they will be displayed entirely in one line instead of showing scrolling options.) It seems the display size is set to the max code block width instead of screen width. Mathjax also causes the page width to be set to that of the longest formula in the post. Is there any to fix the issue on mobile devices? Thanks.

[BDHU]

Apparently I modified the jekyll-theme-minimal.scss which caused this issue. I figured out which line caused the headache. Close this issue now.