diff --git a/demo/index.html b/demo/index.html
index a29bd5d..5650a6e 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -16,9 +16,11 @@
.a {
background: black;
color: white;
+ padding: 0.5em 0.1em;
}
.b {
color: #aaa;
+ padding: 0.5em 0.1em;
}
#canvasExample {
height: 5em;
@@ -27,6 +29,33 @@
display: block;
margin-bottom: 1em;
}
+ .grid-wrapper {
+ display: grid;
+ grid-gap: 0.125em;
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;
+ background-color: #fff;
+ color: #444;
+ margin-bottom: 1em;
+ page-break-inside: avoid;
+ }
+ .grid-wrapper .box {
+ background-color: #444;
+ color: #fff;
+ border: 0.1em solid #444;
+ border-radius: 5px;
+ padding: 0.25em;
+ font-size: 150%;
+ }
+ .grid-wrapper .a {
+ grid-column: auto / span 2;
+ }
+ .grid-wrapper .k {
+ grid-column: auto / span 3;
+ }
+ .grid-wrapper .g {
+ grid-column: auto / span 2;
+ grid-row: auto / span 2;
+ }