Sketch Block: Viewbox settings

[cr0ybot]

Currently, the svg element for the sketch block only includes the role="image" attribute, and the containing element has an inline style to control the height. This works ok, except that the svg is then not responsive to different widths (screenshots below).

My blog has a special side margin area on desktop for notes that move into the main column on mobile, so it might be a more extreme case, but it's easy to draw something on desktop and have it end up too large to fit on mobile, where the drawing is just cut off.

This could be mitigated with the viewbox attribute, which sets the internal artboard size. Maybe this manifests as a "responsive" toggle? You'd probably need to be able to adjust both the height and width, but I'm not sure how this would interact with the current height adjuster. I would personally prefer that the height and width only affect the veiwport and let the image be the full width of the container, but that doesn't account for the alignment options. Perhaps it makes sense for the "viewport" size to be separate from the "image" size.