fix: responsive fixes

_includes/layouts/home.njk

@@ -20,10 +20,10 @@ layout: layouts/base.njk
   </iframe>
   
   <div class="align-center mt-1">
-    <a href="https://blog.kazhnuz.space/rss.xml" class="btn btn-warning ml-1 mr-1">RSS</a>
+    <a href="https://blog.kazhnuz.space/rss.xml" class="btn btn-warning d-inlineblock ml-1 mr-1">RSS</a>
     {%- for link in social -%}
       {%- if (link.showHome == true) -%}
-        <a href="{{link.url}}" class="btn btn-primary ml-1 mr-1">{{link.name}}</a>
+        <a href="{{link.url}}" class="btn btn-primary d-inlineblock ml-1 mr-1">{{link.name}}</a>
       {%- endif -%}
     {%- endfor -%}
   </div>

public/css/index.css

@@ -1116,6 +1116,23 @@ a.sr-hover {
   @media (min-width: 1600px) {
     .d-block-xxl {
       display: block !important; } }
+.d-inlineblock {
+  display: inline-block !important; }
+  @media (min-width: 576px) {
+    .d-inlineblock-sm {
+      display: inline-block !important; } }
+  @media (min-width: 768px) {
+    .d-inlineblock-md {
+      display: inline-block !important; } }
+  @media (min-width: 992px) {
+    .d-inlineblock-lg {
+      display: inline-block !important; } }
+  @media (min-width: 1200px) {
+    .d-inlineblock-xl {
+      display: inline-block !important; } }
+  @media (min-width: 1600px) {
+    .d-inlineblock-xxl {
+      display: inline-block !important; } }
 .d-flex {
   display: flex !important; }
   @media (min-width: 576px) {
@@ -1173,6 +1190,10 @@ a.sr-hover {
       position: relative;
       top: 0px;
       right: 64px; } }
+  .illustration img {
+    height: auto;
+    max-width: 100%; }
+
 .align-centered-block {
   text-align: center;
   padding: 1rem; }

scss/custom/_global.scss

@@ -64,6 +64,11 @@
     top: 0px;
     right: 64px;
   }
+
+  img {
+    height:auto;
+    max-width: 100%;
+  }
 }
 
 .align-centered-block {

scss/utils/_display.scss

@@ -10,6 +10,12 @@
     }
 }
 
+.d-inlineblock {
+    @include responsive() {
+        display: inline-block!important;
+    }
+}
+
 .d-flex {
     @include responsive() {
         display: flex!important;