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!