asymmetric grid story

basher · Jan 6, 2025 · 6e8e871 · 6e8e871
1 parent 77e624e
commit 6e8e871
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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>