Looks good,(I didn’t check the jquery version)
Seems everything is great! neat, simple and clean design.
Beside it works, and layout is functional, but I would suggest you some changes.
Code blocks, they are
inline-block, I suggest let them just be
Same you applied some left-margin for code blocks(in both mobile and desktop view), I suggest you remove that.
In small screen size, if a line comes without any space or breakable section, so that line causes layout break and horizontal scrolling, mostly becasue of code blocks. check:
Note the highlighted text, since it goes lengthy, so broke the layout and horizontal scroll.
Fix is easy, you can either let code block scroll when needed using
overflow:auto, but I think you should set it as
block too, instead of
Another solution is let it breaks at any place there is no more space using
Another suggestion is place one horizontal line
<hr/> after each title(h2 tag) in your reading panel. it helps to scan the page easier I believe.
Inline code blocks (
code tag used with inline text), please add a background colour.
For mobile I think a little more line-height could be great. Spacing between paragraphs are very good.
I say it’s a good work dear, perfect. If you could apply that fixes, it will be awesome.
Keep going on great work, happy programming.