Overlapping items in a column

example/src/App.vue

@@ -7,6 +7,7 @@ import Example5Colors from "./Example5Colors.vue";
 import Example6Disabled from "./Example6Disabled.vue";
 import Example7DisabledItems from "./Example7DisabledItems.vue";
 import Example8Responsive from "./Example8Responsive.vue";
+import Example9MultipleItemsY from "./Example9MultipleItemsY.vue";
 </script>
 
 <template>
@@ -88,6 +89,13 @@ import Example8Responsive from "./Example8Responsive.vue";
     <h2>Example 8:</h2>
     <p>The grid is responsive. Try resizing it below:</p>
     <example8-responsive></example8-responsive>
+
+    <h2>Example 9:</h2>
+    <p>
+      Grid with multiple items per slot (overlaps only in y direction possible,
+      width of every item has to be <kbd>1</kbd>)
+    </p>
+    <example9-multiple-items-y />
   </div>
 </template>