From 0e317659c80481de43dffef6ff427aa70782f428 Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@yarmo.eu>
Date: Wed, 8 Mar 2023 12:34:43 +0100
Subject: [PATCH] fix: Fix responsive design

---
 static-src/styles.css | 8 +++++++-
 views/index.pug       | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/static-src/styles.css b/static-src/styles.css
index e8ab930..637c6ec 100644
--- a/static-src/styles.css
+++ b/static-src/styles.css
@@ -297,12 +297,15 @@ section.profile p, .demo p {
 .hcards {
   display: grid;
   grid-gap: 1.2rem;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   margin-bottom: 1.6rem;
 }
 .hcards .card {
   margin: 0;
 }
+.hcards.hcards--max-2 {
+  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
+}
 .hcards--col-1-2, .hcards--col-2-1 {
   grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
 }
@@ -313,6 +316,9 @@ section.profile p, .demo p {
   .hcards--max-3 {
     grid-template-columns: 1fr 1fr 1fr;
   }
+  .hcards--max-2 {
+    grid-template-columns: 1fr 1fr;
+  }
   .hcards--col-1-2, .hcards--col-2-1 {
     grid-template-columns: repeat(3, 1fr);
   }
diff --git a/views/index.pug b/views/index.pug
index 3456f9c..982b6dc 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -31,7 +31,7 @@ block content
         - n++
 
   h2 About Keyoxide
-  .hcards.hcards--features
+  .hcards.hcards--features.hcards--max-2
     .card
       h3 Online identity
       p Verifying online identity with cryptography. View