Update

Co-Authored-By: JehanKandy  <jehankandy@gmail.com>
Co-Authored-By: Vinura Pathirana <154809219+VinuraPathirana@users.noreply.github.com>

Author: 3 people

jkcss/layout/spacing/spacing.html

@@ -124,40 +124,40 @@ <h1 class="jk-display-6" style="padding: 10px 0;">Values for Spacing</h1>
 
         <div class="line">
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-2</span> 2 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-2</span> 2 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-4</span> 4 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-4</span> 4 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-6</span> 6 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-6</span> 6 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-8</span> 8 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-8</span> 8 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-12</span> 12 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-12</span> 12 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-16</span> 16 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-16</span> 16 rem</p>
             </div>
         </div>
 
         <div class="line">
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-20</span> 20 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-20</span> 20 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-24</span> 25 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-24</span> 25 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-30</span> 30 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-30</span> 30 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-36</span> 36 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-36</span> 36 rem</p>
             </div>
             <div class="rec-2">
-                <p style="padding: 15px 0;"><span class="file-view">mx-40</span> 40 rem</p>
+                <p style="padding: 15px 0;"><span class="file-view">px-40</span> 40 rem</p>
             </div>
         </div>