From 6a27a0efb044dce3c7f4b2f2cd21f627553b9e1b Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Sun, 28 Jan 2024 13:20:43 -0500
Subject: [PATCH] spelling

---
 examples/overview.html | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)
diff --git a/examples/overview.html b/examples/overview.html
index 5e74bf9..4801ec1 100644
--- a/examples/overview.html
+++ b/examples/overview.html
@@ -7,9 +7,6 @@
     <title>Stylelite</title>
     <link rel="stylesheet" href="../src/stylelite.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/feather-icons-css@1.2.0/css/feather.min.css">
-    <style>
-
-    </style>
 </head>
 <body>
     <main>
@@ -41,7 +38,7 @@
             <a name="overview"></a>
             <h2 class="underline">Overview</h2>
             <div>
-                <code>DIV</code> is not the only tag avalible to your designs.
+                <code>DIV</code> is not the only tag available to your designs.
                 Mimic traditional <code>.container</code> class by just using a <code>MAIN</code> tag.
                 <p></p>
                 Need to divide major sections of your code, eh...use <code>SECTION</code> tag.
@@ -88,7 +85,7 @@
                     <p><code>A</code> can be a <a href="./">link</a></p>
                     <p><code>STRONG</code> can be <strong>bold</strong></p>
                     <p><code>U</code> can be <u>underlined</u></p>
-                    <p><code>EM</code> can be <em>emphasised</em></p>
+                    <p><code>EM</code> can be <em>emphasized</em></p>
                     <p><code>SMALL</code> can be <small>small</small></p>
                     <p><code>CODE</code> can be <code>code</code></p>
                 </div>
@@ -241,7 +238,7 @@
             <a name="grid"></a>
             <h2>Grid System</h2>
             <div>
-                The flex-based grid system dynamicly divides content on the number of
+                The flex-based grid system dynamically divides content on the number of
                 child elements under <code>row</code>, be that a plain <code>div</code>(auto) or <code>col-*</code>.
 
                 Column sizes range from <code>col-1</code> to <code>col-5</code>
@@ -377,7 +374,7 @@
                 </tr>
                 <tr>
                     <th><code>.subtitle</code></th>
-                    <td>designed for tigher fit under headings</td>
+                    <td>designed for tighter fit under headings</td>
                 </tr>
                 <tr>
                     <th><code>.fill</code></th>
