From 336056f4f00bb161ef45bc63a0f8336240c78491 Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Thu, 8 Aug 2019 22:40:37 +0100
Subject: [PATCH 1/2] Update side-by-side.html

---
 examples/side-by-side.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 73b6ce7fa4..f5605cf404 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -9,11 +9,13 @@ cloak:
   - key: As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5
     value: Your Bing Maps Key from http://www.bingmapsportal.com/ here
 ---
-<div class="half">
-  <h4>Road</h4>
-  <div id="roadMap" class="map"></div>
-</div>
-<div class="half">
-  <h4>Aerial</h4>
-  <div id="aerialMap" class="map"></div>
+<div class="wrapper">
+  <div class="half">
+    <h4>Road</h4>
+    <div id="roadMap" class="map"></div>
+  </div>
+  <div class="half">
+    <h4>Aerial</h4>
+    <div id="aerialMap" class="map"></div>
+  </div>
 </div>

From a340da8f6e8f1aea43cf3e623609451b2817d87e Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Thu, 8 Aug 2019 22:48:08 +0100
Subject: [PATCH 2/2] Update side-by-side.css

---
 examples/side-by-side.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/examples/side-by-side.css b/examples/side-by-side.css
index aabe991891..e053bcdc7d 100644
--- a/examples/side-by-side.css
+++ b/examples/side-by-side.css
@@ -1,4 +1,7 @@
 @media (min-width: 800px) {
+  .wrapper {
+    display: flex;
+  }
   .half {
     padding: 0 10px;
     width: 50%;