Best Method For Mobile View Within Source Code Tool Area?

1 day ago
Greetings!

I am setting up a new nopcommerce site and we are looking for a more robust design within the "overview" section of the product pages.  I started developing a test page using tables, text, and images to create sections within the TOOLS > SOURCE CODE area.  

It looks great when viewed on a computer or wider screen.  However, when viewed via a mobile device these elements fall off the screen or simply do not look good.  

What is the best method/practice for implementing a more robust design within this area while also maintaining mobile friendliness?

I have provided a few images to help display what I have attempted so far.





Thanks in advance for any help and suggestions!

Sincerely,
1 day ago
Looks like my images didn't go through??  Will try again:

https://i.imgur.com/O6F3Q20.png
https://i.imgur.com/lJsQqr8.png
https://i.imgur.com/Q99XD8z.png