From 6e8e871c8891b917ab2cfe50efaa3ba5e46ad8bc Mon Sep 17 00:00:00 2001
From: basher <basher@madasafish.com>
Date: Mon, 6 Jan 2025 08:17:06 +0000
Subject: [PATCH] asymmetric grid story

---
 ui/package.json                   | 2 +-
 ui/stories/3. Layout/Grid/Grid.js | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/package.json b/ui/package.json
index 99ffce8..5d14332 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -2,7 +2,7 @@
     "name": "web-ui-boilerplate",
     "description": "UI boilerplate for websites/webapps using vanilla HTML/CSS/JavaScript, powered by Storybook, bundled by Parcel.",
     "author": "basher",
-    "version": "4.0.8",
+    "version": "4.0.9",
     "license": "ISC",
     "repository": {
         "type": "git",
diff --git a/ui/stories/3. Layout/Grid/Grid.js b/ui/stories/3. Layout/Grid/Grid.js
index 242bf5d..b29d9b2 100644
--- a/ui/stories/3. Layout/Grid/Grid.js	
+++ b/ui/stories/3. Layout/Grid/Grid.js	
@@ -101,6 +101,8 @@ ${style}
     </div>
 </div>
 
+<br>
+<p>Override column widths.</p>
 <div class="grid-container">
     <div class="grid--asymmetric-75-25 ${args.gap === undefined ? '' : `grid--${args.gap}`}">
         <div>
@@ -114,6 +116,8 @@ ${style}
     </div>
 </div>
 
+<br>
+<p>Override column widths.</p>
 <div class="grid-container">
     <div class="grid--asymmetric-25-75 ${args.gap === undefined ? '' : `grid--${args.gap}`}">
         <div>