First steps towards responsive radar

2017-04-03 11:53:26 +02:00
parent b4a7b4d21f
commit cba33dfbee
5 changed files with 16 additions and 2 deletions
--- a/styles/components/quadrant-section.css
+++ b/styles/components/quadrant-section.css
@@ -5,11 +5,17 @@

  &__rings {
    display: flex;
+    flex-wrap: wrap;
  }

  &__ring {
    box-sizing: border-box;
    padding: 0 8px;
    flex: 0 0 25%;
+    margin: 0 0 25px;
+    @media (--until-sm) {
+      flex-basis: 50%;
+
+    }
  }
 }