From afa95fde236860a98419bf768c0c3ad9093495a8 Mon Sep 17 00:00:00 2001
From: Veikka Kähkönen <veikka.kahkonen@corefactory.com>
Date: Thu, 30 Nov 2017 21:42:35 +0200
Subject: Make people_generic layout clearer

---
 _sass/_grid.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to '_sass/_grid.scss')

diff --git a/_sass/_grid.scss b/_sass/_grid.scss
index da3e2d9..a923e20 100644
--- a/_sass/_grid.scss
+++ b/_sass/_grid.scss
@@ -40,3 +40,23 @@
 @media only screen and (max-width: 480px) {
 	.span_2_of_2, .span_1_of_2 { width: 100%; }
 }
+
+/*  GRID OF FOUR  */
+.span_4_of_4 {
+	width: 100%;
+}
+.span_3_of_4 {
+	width: 74.6%;
+}
+.span_2_of_4 {
+	width: 49.2%;
+}
+.span_1_of_4 {
+	width: 23.8%;
+}
+
+/*  GO FULL WIDTH BELOW 480 PIXELS */
+@media only screen and (max-width: 480px) {
+	.col {  margin: 1% 0 1% 0%; }
+	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
+}
-- 
cgit v1.3