From 08f6889a89e338e3d96efb9fb0d7e389e3e3431a Mon Sep 17 00:00:00 2001
From: Minteck <minteck@phoenixnet.tech>
Date: Wed, 3 Nov 2021 17:52:37 +0100
Subject: Fix

---
 htdocs/public/assets/css/main.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'htdocs/public/assets/css/main.css')

diff --git a/htdocs/public/assets/css/main.css b/htdocs/public/assets/css/main.css
index 06a24cd..c662972 100644
--- a/htdocs/public/assets/css/main.css
+++ b/htdocs/public/assets/css/main.css
@@ -20,6 +20,10 @@ main {
     grid-gap: 20px;
 }
 
+.bb-main-mobile {
+    display: none;
+}
+
 @media (max-width: 700px) {
     .grid-3:not(.dont-break-me) {
         grid-template-columns: 1fr 1fr;
@@ -27,6 +31,10 @@ main {
         grid-column-gap: 0;
     }
 
+    .projects {
+        grid-column-gap: 10px !important;
+    }
+
     .button h2 {
         margin-block-start: 0.33em;
         margin-block-end: 0.33em;
@@ -49,6 +57,36 @@ main {
         border-radius: 0 !important;
     }
 
+    @media (min-width: 500px) {
+        .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 {
+            border-radius: 5px !important;
+            border: 1px solid white !important;
+            display: inline-block;
+        }
+    }
+}
+
+
+@media (max-width: 500px) {
+    .grid-3 {
+        grid-template-columns: 1fr !important;
+    }
+
+    .bb-main-mobile {
+        display: inline-block;
+    }
+
+    .bb-main-desktop {
+        display: none;
+    }
+}
+
+@media (max-width: 375px) {
+    .grid-2 {
+        grid-template-columns: 1fr !important;
+        margin-bottom: 10px;
+    }
+
     .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 {
         border-radius: 5px !important;
         border: 1px solid white !important;
-- 
cgit