From bd6c0ae27dbe73a59935f0f6a4e7c57f47328bac Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Fri, 20 Oct 2023 16:25:58 +0200
Subject: [PATCH] feat: update demo content

---
 src/pages/demo/index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/demo/index.html b/src/pages/demo/index.html
index d938be2..9c8710d 100644
--- a/src/pages/demo/index.html
+++ b/src/pages/demo/index.html
@@ -27,23 +27,23 @@
             >source code</a
           >.</warning-block
         >
-        <p>In this page, there are several things happening.</p>
+        <p>In this demo, there are several things happening.</p>
         <p>
-          In the grey box here everything is working, and we will breakdown the
-          code in the <a href="#breakdown">Breakdown</a> section below the page.
+          Imagine the grey box here is a page where everything is working, and
+          we will go through the code in the
+          <a href="#breakdown">Breakdown</a> section below the page.
         </p>
       </section>
       <section
         id="demo"
         style="
           padding: 1em;
-          margin: 3em 0;
+          margin: 2em 1em;
           box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15);
           border: 1px solid rgba(34, 34, 34, 0.15);
           border-radius: 5px;
         "
       >
-        <h2>Demo Page</h2>
         <a href="/demo/about">{{ count }}</a>
         <div>
           <my-hello-world data-name="{{name }}"></my-hello-world>