From 3deeed5686e82e21a4e515df7d2e9544d167df39 Mon Sep 17 00:00:00 2001
From: Maik de Kruif <maik@maik.dev>
Date: Fri, 27 Aug 2021 00:36:42 +0200
Subject: [PATCH] Make page more responsive

---
 themes/maik-blog/assets/scss/_portfolios.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/themes/maik-blog/assets/scss/_portfolios.scss b/themes/maik-blog/assets/scss/_portfolios.scss
index c2c369e..d21c781 100644
--- a/themes/maik-blog/assets/scss/_portfolios.scss
+++ b/themes/maik-blog/assets/scss/_portfolios.scss
@@ -1,8 +1,8 @@
 .portfolios {
   width: 100%;
-  max-width: 800px;
+  max-width: calc(800px + 50px + 80px);
   text-align: left;
-  padding: 20px;
+  padding: 20px calc(20px + 50px + 15px);
   margin: 20px auto;
   counter-reset: portfolio;
 
@@ -44,8 +44,13 @@
     position: relative;
     counter-increment: portfolio;
 
+    @media #{$media-size-tablet} {
+      flex-direction: column-reverse;
+    }
+
     .read-more {
       white-space: nowrap;
+      max-width: max-content;
     }
 
     &-cover {