Update README with VS Code user snippets.

README.md

@@ -189,6 +189,38 @@ Inside `~/projecten/websites/portfolio/portfolio`:
 
 `docker container restart gitea`
 
+## VS Code User Snippets
+
+[VS Code user snippets](https://code.visualstudio.com/docs/editing/userdefinedsnippets)
+
+File > Preferences > Configure Snippets
+
+```JSON
+"Responsive figure block": {
+    "scope": "html, markdown",
+    "prefix": "fig",
+    "body": [
+      "<figure class=\"text-center\">",
+      "  <picture class=\"d-flex justify-content-center\">",
+      "    <source media=\"(max-width: 510px)\"",
+      "     srcset=\"${1:base}-w240.webp\" />",
+      "    <source media=\"(max-width: 850px)\"",
+      "     srcset=\"${1:base}-w480.webp\" />",
+      "    <img src=\"${1:base}-w800.webp\"",
+      "         alt=\"${2:caption}\"",
+      "         class=\"img-fluid\" />",
+      "  </picture>",
+      "  <figcaption class=\"figure-caption mt-2\">",
+      "    <a href=\"${1:base}-w800.webp\">",
+      "    ${2:caption}</a>",
+      "    </a>",
+      "  </figcaption>",
+      "</figure>"
+    ],
+    "description": "Insert responsive figure"
+  }
+```
+
 ## React
 
 Bootstrap: `npm install bootstrap`