meta tag for responsive layout

docs/markdown2html/markdown-format.md

@@ -135,6 +135,35 @@ Indentation in `<dl>` blocks must two consecutive spaces; Other indentation styl
 
 
 
+## Section Blocks {#sections}
+
+HTML `<section>` elements can be rendered around portions of your document by fencing them in triple-bang blocks (i.e. preceded and followed by `!!!`).
+
+```md
+!!!
+This is inside a `<section>` element
+!!!
+```
+
+!!!! {.markdown-example-output}
+!!!
+This is inside a `<section>` element
+!!!
+!!!!
+
+Similarly to fenced code blocks, you can nest these fenced blocks by adding additional bang (`!`) characters to the opening and closing lines.
+
+These blocks also support [attribute annotations](#attribute-annotations) on the first line:
+
+```md
+!!! {.editors-note :role=note}
+**Editor's Note:**
+Section blocks can be used to create special call-out blocks
+!!!
+```
+
+
+
 
 ## Feather Icons {#feather}
 
@@ -246,14 +275,14 @@ _todo_
 QR Codes can be rendered using fenced blocks.
 
 ````md
-```qrcode
-https://doc-utils-stg.home.jbrumond.me/markdown2html/markdown-format.html
+```qrcode :small
+https://doc-utils.jbrumond.me/markdown2html/markdown-format.html
 ```
 ````
 
 !!! {.markdown-example-output}
-```qrcode
-https://doc-utils-stg.home.jbrumond.me/markdown2html/markdown-format.html
+```qrcode :small
+https://doc-utils.jbrumond.me/markdown2html/markdown-format.html
 ```
 !!!