Currently the display of BPMN diagrams embedded in blog posts isn't really optimal.

Problem

If I open a blog post in portrait mode the embedded widget is scaled but the bpmn.io logo isn't (see portrait.png). So the logo is hiding a bigger part of the diagram. I can also not move the diagram or don't know how so I can never see whats behind. Also if I actually want to read the process I have to zoom in. As the process isn't a image, which I could open separately, I have to zoom the whole page. This also zooms the bpmn.io logo and the rest of the page. For example the menu bar becomes quite huge (see portrait-zoom.png). If I open the blog post in landscape mode the diagram is a little bit bigger but the logo still hides part of it (see landscape.png). If I then rotate the device back to portrait mode to continue reading the zoom level of the BPMN diagram is retained which now renders it completely unusable (see portrait-after-landscape.png).

Request

Have an integration which is a little more user friendly on mobil devices.