diff --git a/markdown/dev/tutorials/pattern-design/adding-measurements/en.md b/markdown/dev/tutorials/pattern-design/adding-measurements/en.md
index 4b747054c81..83a93836d6e 100644
--- a/markdown/dev/tutorials/pattern-design/adding-measurements/en.md
+++ b/markdown/dev/tutorials/pattern-design/adding-measurements/en.md
@@ -41,4 +41,4 @@ For example `38` as 38cm is a realistic head circumference measurement for a bab
 Enter `38` in the box, and click on **Draft your pattern** in the top navigation bar to get back to your draft,
 which for now still looks like this:
 
-<Example pattern="tutorial" part="step1" caption="Nothing has changed, yet" />
+<Example pattern="tutorial" part="step1">Nothing has changed, yet</Example>
diff --git a/markdown/dev/tutorials/pattern-design/constructing-the-neck-opening/en.md b/markdown/dev/tutorials/pattern-design/constructing-the-neck-opening/en.md
index ea14257f303..a19691cddca 100644
--- a/markdown/dev/tutorials/pattern-design/constructing-the-neck-opening/en.md
+++ b/markdown/dev/tutorials/pattern-design/constructing-the-neck-opening/en.md
@@ -100,7 +100,7 @@ From there, we drew a Bezier curve to our `bottom` point by using `rightCp1` and
 
 When all is said and done, we now have a quarter of our neck opening:
 
-<Example pattern="tutorial" part="step2" caption="You have drawn your first path" />
+<Example pattern="tutorial" part="step2">You have drawn your first path</Example>
 
 The only problem is, we have no guarantee whatsoever that this opening is the correct size.
 
diff --git a/markdown/dev/tutorials/pattern-design/fitting-the-neck-opening/en.md b/markdown/dev/tutorials/pattern-design/fitting-the-neck-opening/en.md
index 7cada5c4ea0..f3ee7031ec8 100644
--- a/markdown/dev/tutorials/pattern-design/fitting-the-neck-opening/en.md
+++ b/markdown/dev/tutorials/pattern-design/fitting-the-neck-opening/en.md
@@ -43,7 +43,9 @@ If the delta is negative, our path is too short and we increase the tweak factor
 
 We keep on doing this until `Math.abs(delta)` is less than 1. Meaning that we are within 1mm of our target value.
 
-<Example pattern="tutorial" part="step2" caption="It might look the same as before, but now it's just right" />
+<Example pattern="tutorial" part="step2">
+It might look the same as before, but now it's just right
+</Example>
 
 Now that we're happy with the length of our quarter neck opening, let's construct the entire neck opening.
 
diff --git a/markdown/dev/tutorials/pattern-design/testing-your-pattern/en.md b/markdown/dev/tutorials/pattern-design/testing-your-pattern/en.md
index 0df2001aaa6..f704b7aecab 100644
--- a/markdown/dev/tutorials/pattern-design/testing-your-pattern/en.md
+++ b/markdown/dev/tutorials/pattern-design/testing-your-pattern/en.md
@@ -40,7 +40,6 @@ Click on any of the options we've added to our pattern, and your bib will be dra
 The `lengthRatio` option controls the length of our bib. Testing it confirms that it only influences the length:
 
 <Example 
-  caption="Your bib with the lengthRatio option sampled" 
   sample 
   part="bib" 
   pattern="tutorial" 
@@ -50,7 +49,9 @@ The `lengthRatio` option controls the length of our bib. Testing it confirms tha
       option: "lengthRatio" 
     } 
   }} 
-/>
+>
+Your bib with the lengthRatio option sampled
+</Example>
 
 ### neckRatio
 
@@ -62,7 +63,6 @@ Testing it confirms this. We can also see that as the neck opening gets smaller,
 further out of the way to avoid overlap:
 
 <Example 
-  caption="Your bib with the neckRatio option sampled" 
   sample 
   part="bib" 
   pattern="tutorial" 
@@ -72,7 +72,9 @@ further out of the way to avoid overlap:
       option: "neckRatio" 
     } 
   }} 
-/>
+>
+Your bib with the neckRatio option sampled
+</Example>
 
 ### widthRatio
 
@@ -94,7 +96,6 @@ covered in this tutorial. It is left *as an exercise to the reader*.
 </Note>
 
 <Example 
-  caption="Your bib with the widthRatio option sampled" 
   sample 
   part="bib" 
   pattern="tutorial" 
@@ -104,7 +105,9 @@ covered in this tutorial. It is left *as an exercise to the reader*.
       option: "widthRatio" 
     } 
   }} 
-/>
+>
+Your bib with the widthRatio option sampled
+</Example>
 
 ## Testing measurements
 
@@ -114,7 +117,6 @@ This gives you the option to determine how any given measurement is influencing
 For our bib, we only use one measurement, so it influences the entire pattern:
 
 <Example 
-  caption="Your bib with the head circumference measurement sampled" 
   sample 
   part="bib" 
   pattern="tutorial" 
@@ -124,7 +126,9 @@ For our bib, we only use one measurement, so it influences the entire pattern:
       measurement: "head" 
     } 
   }} 
-/>
+>
+Your bib with the head circumference measurement sampled
+</Example>
 
 ## Testing models
 
@@ -140,7 +144,6 @@ pattern will adapt to differently sized bodies.
 
 <Example 
   sample 
-  caption="Your bib sampled for a range of baby sizes" 
   pattern="tutorial" 
   part="bib" 
   settings={{ 
@@ -159,7 +162,9 @@ pattern will adapt to differently sized bodies.
       }
     } 
   }} 
-/>
+>
+Your bib sampled for a range of baby sizes
+</Example>
 
 ## The antperson test
 
@@ -179,7 +184,6 @@ The best patterns will pass the antperson test with 2 patterns exactly the same,
 
 <Example 
   sample 
-  caption="Congratulations, your bib passes the antperson test" 
   pattern="tutorial" 
   part="bib" 
   settings={{ 
@@ -191,6 +195,8 @@ The best patterns will pass the antperson test with 2 patterns exactly the same,
       }
     } 
   }} 
-/>
+>
+Congratulations, your bib passes the antperson test 
+</Example>
 
 When you're happy with how your pattern passes these tests, it's time to complete it.