From 45ed006fafc4b69d556d377eff003999823043d9 Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Wed, 23 Dec 2020 16:51:03 +0100
Subject: [PATCH] Make tap-targets bigger on mobile devices

---
 src/pages/index.module.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index 177262a..3a7be49 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -9,6 +9,10 @@
     overflow: hidden;
     background: radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent);
 
+    @media(pointer: coarse), (pointer: none) {
+        min-height: 700px;
+    }
+
     .profile {
         position: relative;
         left: 50%;
@@ -17,6 +21,8 @@
         max-height: 400px;
         transform: translate(-50%, 0%);
 
+
+
     
 
         &:hover .profileImage {
@@ -26,8 +32,6 @@
         &:hover .profileImageDummy {
             transform: translate(-3px, 3px);
         }
-
-        
     
         .hello {
             font-weight: 100;
@@ -58,6 +62,11 @@
             text-decoration: underline dotted rgba(0, 0, 0, 0);
             padding: 6px 0 6px 25px;
             color: $textColor;
+
+            @media(pointer: coarse), (pointer: none) {
+                padding-top: 15px;
+                padding-bottom: 15px;
+            }
         }
         
         .contactLink:hover, .contactLink:active {