Best Method For Mobile View Within Source Code Tool Area?

1 day ago

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!

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