Hi @afre and thanks! for the input regarding viewing on mobile devices. Also I’m glad your head didn’t hurt!
Hmm, I don’t really know what you mean by “boxout”. I’m guessing you mean the boxes created by putting a border around the html5 figure element? Or something else? Can you provide a link to a specific page that has that problem?
I realize that “figure” is intended to be “moveable anywhere on the page”, but I don’t use “figure” that way. I use the border and the lighter background to communicate that “this all goes together”. Maybe I should refrain from doing this.
Now I’m confused. For a long time now I’ve have html code in place that is supposed to shrink images if the browser window gets smaller than 54rem wide, and checking google, the code seemed to pass (haven’t checked recently). Here’s a screenshot of a portion of the tutorial shown with the brower window variously sized smaller: http://ninedegreesbelow.com/files/tutorial-screenshots.jpg
I just added some new code to the LCH tutorial notes page to remove the border and padding from “figure” when the screenwidth is smaller than 27rem (shown in the screenshot; previously the figure and image would just get narrower, but the border would remain in place). I checked on a very small android tablet and the tutorial page looks the same on the android device as it does on my desktop with the browser shrunk down, except on the android the text also was a bit smaller.
Are you saying the images on your mobile device don’t shrink down to fit the available browser window width?
I can add return links to the Page Contents box, though this will take time to redo existing tutorials. What is a Section Contents box?