From 6eb484710a7b7e0c667174b60a70d6d3c0c8a53e Mon Sep 17 00:00:00 2001
From: mihaiconstantin <mihai@mihaiconstantin.com>
Date: Wed, 31 Aug 2022 10:36:45 +0200
Subject: [PATCH 1/2] Docs: adjust media queries for mobile views

---
 docs/.vuepress/styles/general.scss        | 3 ++-
 docs/.vuepress/styles/pages/tutorial.scss | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/.vuepress/styles/general.scss b/docs/.vuepress/styles/general.scss
index c2d826a..ca6350d 100644
--- a/docs/.vuepress/styles/general.scss
+++ b/docs/.vuepress/styles/general.scss
@@ -71,7 +71,8 @@ table {
         }
 
         // Adjustments for screens smaller than 419px.
-        @media only screen and (max-width: 419px) {
+        // Additional break points are used based on the content.
+        @media only screen and (max-width: 419px), (max-width: 428px) {
             font-size: 1rem;
         }
     }
diff --git a/docs/.vuepress/styles/pages/tutorial.scss b/docs/.vuepress/styles/pages/tutorial.scss
index 70cfa55..05547d6 100644
--- a/docs/.vuepress/styles/pages/tutorial.scss
+++ b/docs/.vuepress/styles/pages/tutorial.scss
@@ -30,7 +30,8 @@
         }
 
         // Adjustments for screens smaller than 419px.
-        @media only screen and (max-width: 419px) {
+        // Additional break points are used based on the content.
+        @media only screen and (max-width: 419px), (max-width: 428px) {
             img {
                 width: 80%;
             }
@@ -40,7 +41,8 @@
     .table-arguments {
         table {
             // Adjustments for screens smaller than 419px.
-            @media only screen and (max-width: 419px) {
+            // Additional break points are used based on the content.
+            @media only screen and (max-width: 419px), (max-width: 428px), (max-width: 517px) {
                 font-size: 0.8rem;
 
                 td, th {

From 217a6cf6d98dbb3825e66dfb24f03a7b65ec8eb1 Mon Sep 17 00:00:00 2001
From: mihaiconstantin <mihai@mihaiconstantin.com>
Date: Wed, 31 Aug 2022 10:37:03 +0200
Subject: [PATCH 2/2] Docs: update footer

---
 docs/.vuepress/styles/pages/home.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/.vuepress/styles/pages/home.scss b/docs/.vuepress/styles/pages/home.scss
index dbe0a07..86245bc 100644
--- a/docs/.vuepress/styles/pages/home.scss
+++ b/docs/.vuepress/styles/pages/home.scss
@@ -42,10 +42,10 @@
 
     .heart {
         display: inline-block;
+        position: relative;
         color: rgb(196, 27, 27);
         font-size: 1.3rem;
         cursor: default;
-        filter: grayscale(20%);
         transition: all .5s;
 
         &:before {
@@ -56,7 +56,7 @@
             position: absolute;
             left: 0;
             right: 0;
-            bottom: 31%;
+            bottom: 32%;
             text-align: center;
             transition: all .5s;
         }