From 7c1cb65b17557f3dfd3c005a9b46a91c6e0e5efd Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Thu, 11 Jan 2024 18:18:53 +0100
Subject: [PATCH] Basic responsive layout

---
 sass/_personnel.scss | 8 ++++++++
 sass/_variables.scss | 1 +
 sass/style.scss      | 1 +
 3 files changed, 10 insertions(+)
 create mode 100644 sass/_variables.scss

diff --git a/sass/_personnel.scss b/sass/_personnel.scss
index 1e1e48d..0164722 100644
--- a/sass/_personnel.scss
+++ b/sass/_personnel.scss
@@ -1,4 +1,5 @@
 .personnel {
+
 	.person {
 		text-align: center;
 
@@ -13,3 +14,10 @@
 		}
 	}
 }
+
+@media only screen and (max-width: $width-mobile) {
+	.personnel .grid {
+		grid-template-columns: 1fr 1fr;
+		gap: 1em;
+	}
+}
diff --git a/sass/_variables.scss b/sass/_variables.scss
new file mode 100644
index 0000000..7789458
--- /dev/null
+++ b/sass/_variables.scss
@@ -0,0 +1 @@
+$width-mobile: 900px;
diff --git a/sass/style.scss b/sass/style.scss
index b031fc1..7ae8d27 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,3 +1,4 @@
+@import "variables";
 @import "fonts";
 @import "grid";
 @import "personnel";