From f6c19ffefd2dff64855fdc803285a164d89441a1 Mon Sep 17 00:00:00 2001
From: Mathias Schopmans <mathias.schopmans@aoe.com>
Date: Mon, 3 Apr 2017 15:49:25 +0200
Subject: [PATCH] Improve rendering of quadrants-sections

---
 styles/components/quadrant-section.css | 2 +-
 styles/components/split.css            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/styles/components/quadrant-section.css b/styles/components/quadrant-section.css
index b9785df..00df24b 100644
--- a/styles/components/quadrant-section.css
+++ b/styles/components/quadrant-section.css
@@ -13,7 +13,7 @@
     padding: 0 8px;
     flex: 0 0 25%;
     margin: 0 0 25px;
-    @media (--until-sm) {
+    @media (--until-md) {
       flex-basis: 50%;
 
     }
diff --git a/styles/components/split.css b/styles/components/split.css
index 6050272..e1e72f0 100644
--- a/styles/components/split.css
+++ b/styles/components/split.css
@@ -18,4 +18,8 @@
   &__right {
     flex: 0 1 auto;
   }
+
+   @media (--until-sm) {
+     display: block;
+   }
 }