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; + }