From 8214f0db06c0bad1ed119034427e36ae84bed5f9 Mon Sep 17 00:00:00 2001
From: Max Bo <mjbo@canva.com>
Date: Thu, 12 Dec 2024 15:27:14 +1100
Subject: [PATCH] Borders

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index b0f90aa..e1a67a5 100644
--- a/index.html
+++ b/index.html
@@ -281,10 +281,10 @@ <h3><a href="#.echo" id=".echo"></a><code>.echo</code></h3>
 
 <p>The <code>.echo</code> class can display <code>&lt;script&gt;</code> and <code>&lt;style&gt;</code> elements inline, using a <a href="https://blog.glyphdrawing.club/font-with-built-in-syntax-highlighting/"><cite>font with built-in syntax highlighting</cite></a>.</p>
 
-<p><i>Try changing the <code>rotation</code>!</i></p>
+<p><i>Try changing the <code>border</code> thickness!</i></p>
 
 <style class="echo" id="echo-style" contenteditable="true">#echo-style {
-  transform: rotate(-0.5deg);
+  border: 3px solid fuchsia;
 }
 </style>
 
@@ -301,7 +301,7 @@ <h3><a href="#.reflect" id=".reflect"></a><code>.reflect</code></h3>
 
 <style class="echo reflect" id="reflect-style" contenteditable="true">
 #reflect-style {
-  transform: rotate(0.5deg);
+  border: 3px solid lime;
 }
 </style>