diff --git a/Base/res/html/misc/display-grid.html b/Base/res/html/misc/display-grid.html
new file mode 100644
index 0000000000..d5006157db
--- /dev/null
+++ b/Base/res/html/misc/display-grid.html
@@ -0,0 +1,31 @@
+<style>
+  .grid-container {
+    display: grid;
+    background-color: lightsalmon;
+  }
+  .grid-item {
+    background-color: lightblue;
+  }
+</style>
+
+<!-- A basic grid -->
+<p>Should render a 2x2 grid</p>
+<div 
+  class="grid-container"
+  style="grid-template-columns: auto auto;">
+  <div class="grid-item">1</div>
+  <div class="grid-item">2</div>
+  <div class="grid-item">3</div>  
+  <div class="grid-item">4</div>
+</div>
+
+<!-- Different row heights -->
+<p>Should render a 2x2 grid with the first row having a height of 50px</p>
+<div 
+  class="grid-container"
+  style="grid-template-columns: auto auto;">
+  <div class="grid-item" style="height: 50px;">1</div>
+  <div class="grid-item">2</div>
+  <div class="grid-item">3</div>  
+  <div class="grid-item">4</div>
+</div>