Test SVGs

docs/guides/test-svgs/index.md

@@ -0,0 +1,38 @@
+---
+slug: test-svgs
+title: "Test SVGs"
+description: 'Test SVGs'
+published: 2024-05-01
+keywords: []
+license: '[CC BY-ND 4.0](https://creativecommons.org/licenses/by-nd/4.0)'
+---
+
+All SVGs have a 10px border applied to them:
+
+## Wider than body column
+
+### 5:2 aspect ratio: 5000px width, 2000px height SVG
+
+![5000px width, 2000px height SVG](5000px-w-2000px-h-diagram.svg)
+
+### 2:5 aspect ratio: 2000px width, 5000px height SVG
+
+![2000px width, 5000px height SVG](2000px-w-5000px-h-diagram.svg)
+
+### 4:3 aspect ratio: 4000px width, 3000px height SVG
+
+![4000px width, 3000px height SVG](4000px-w-3000px-h-diagram.svg)
+
+## Narrower than body column
+
+### 5:2 aspect ratio: 50px width, 20px height SVG
+
+![50px width, 20px height SVG](50px-w-20px-h-diagram.svg)
+
+### 2:5 aspect ratio: 20px width, 50px height SVG
+
+![20px width, 50px height SVG](20px-w-50px-h-diagram.svg)
+
+### 4:3 aspect ratio: 40px width, 30px height SVG
+
+![40px width, 30px height SVG](40px-w-30px-h-diagram.svg)