From a7f5b6b15ba73a2c234b82069b3e0a7251def415 Mon Sep 17 00:00:00 2001
From: martinfalisse <martinmotteditfalisse@gmail.com>
Date: Sat, 13 Aug 2022 12:05:27 +0200
Subject: [PATCH] Base: Add display grid test page

---
 Base/res/html/misc/display-grid.html | 31 ++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 Base/res/html/misc/display-grid.html

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>