1 files changed, 5 insertions, 19 deletions

diff --git a/src/styles/services.scss b/src/styles/services.scss
index cedfcbdd1..d8f8b9327 100644
--- a/src/styles/services.scss
+++ b/src/styles/services.scss
@@ -25,28 +25,14 @@
 
     .services__webview {
       position: relative;
-      flex: 1 0 33.33%;
+      flex: 1 0 33.3333%;
     }
   }
 
-  &[data-columns="1"] .services .services__webview {
-    flex-basis: 100%;
-  }
-
-  &[data-columns="2"] .services .services__webview {
-    flex-basis: 50%;
-  }
-
-  &[data-columns="3"] .services .services__webview {
-    flex-basis: 33.33%;
-  }
-
-  &[data-columns="4"] .services .services__webview {
-    flex-basis: 25%;
-  }
-
-  &[data-columns="5"] .services .services__webview {
-    flex-basis: 20%;
+  @for $i from $split-columns-min through $split-columns-max {
+    &[data-columns="#{$i}"] .services .services__webview {
+      flex-basis: calc(100% / $i);
+    }
   }
 }