search

the-programmers-hangout / website

🌳 TPH website
https://theprogrammershangout.com
MIT License
102 stars 67 forks source link

Long code blocks causing unresponsive design #170

Closed LBlend closed 4 years ago

LBlend commented 4 years ago

What is the issue?

Long code blocks cause certain elements of some pages to be unresponsive. This is especially prevalent on mobile devices due to the screen resolution typically being lower than on desktop devices.

Examples

All of the examples below are from the what is docker page though, I've also experienced elsewhere, like the what is graphql page.

image

image

This issue also may occur on desktop depending on the browser zoom level, OS scaling settings, screen resolution and font size: image

Here's a video demontration

veksen commented 4 years ago

This particular article needs to be updated to use an actual codeblock, and not inline code. Code block will scroll properly.

Nonetheless the long inline code needs to be fixed, as well.