add screenshots

docs/native.html

@@ -116,7 +116,25 @@ <h2 class="anchored" data-anchor-id="embedding-resources">Embedding Resources</h
 </section>
 <section id="supporting-mobile-browsers" class="level2">
 <h2 class="anchored" data-anchor-id="supporting-mobile-browsers">Supporting Mobile Browsers</h2>
-<p>Unfortunately, very few mobile browsers support the rendering of PDF objects and those that do (e.g., Safari on iOS) can often render the object in strange ways (e.g,. stretching and distorting its appearance).</p>
+<p>Unfortunately, not all mobile browsers support the rendering of PDF objects and those that do (e.g., Safari on iOS) sometimes render the object in strange ways (e.g,. stretching and distorting its appearance).</p>
+<table class="caption-top table">
+<colgroup>
+<col style="width: 48%">
+<col style="width: 51%">
+</colgroup>
+<thead>
+<tr class="header">
+<th style="text-align: center;">Chrome on Android</th>
+<th style="text-align: center;">Firefox on Android</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td style="text-align: center;"><img src="android_chrome.png" class="img-fluid" width="200"></td>
+<td style="text-align: center;"><img src="android_firefox.png" class="img-fluid" width="200"></td>
+</tr>
+</tbody>
+</table>
 </section>
 
 </main>

native.qmd

@@ -21,6 +21,7 @@ You can customize the size of the embedded object using brace notation:
 
 ![](dummy.pdf){width=60% height=400}
 
+
 ## CSS usage
 
 Or, for more control, you can assign a CSS id and/or classes:
@@ -59,6 +60,7 @@ Or, for more control, you can assign a CSS id and/or classes:
 
 ![](dummy.pdf){#myid .myclass}
 
+
 ## Embedding Resources
 
 It is important to note that, by default, the PDF file is kept separate from the HTML document file and must be transferred alongside it, i.e., the PDF displays in the HTML file but the PDF file is still needed. Alternatively, you can create a (larger) standalone HTML document by adding `embed-resources: true` to your YAML header and then the PDF file will be embedded into the HTML document automatically.
@@ -72,7 +74,11 @@ embed-resources: true
 ![](dummy.pdf)
 ````
 
+
 ## Supporting Mobile Browsers
 
-Unfortunately, very few mobile browsers support the rendering of PDF objects and those that do (e.g., Safari on iOS) can often render the object in strange ways (e.g,. stretching and distorting its appearance).
+Unfortunately, not all mobile browsers support the rendering of PDF objects and those that do (e.g., Safari on iOS) sometimes render the object in strange ways (e.g,. stretching and distorting its appearance).
 
+| Chrome on Android | Firefox on Android |
+| :---------------: | :----------------: |
+| ![](android_chrome.png){width=200} | ![](android_firefox.png){width=200} |