From 1ba59756792240170845dd3ffaf167587793273a Mon Sep 17 00:00:00 2001
From: Angel M De Miguel <dangel@vmware.com>
Date: Thu, 5 Oct 2023 13:27:09 +0200
Subject: [PATCH] fix: hide diagram in low resolutions to avoid mobile issues

---
 docs/src/css/custom.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 2b079819..583654ae 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -55,9 +55,17 @@ html[data-theme='dark'] {
 }
 
 .hero__diagram svg {
+  display: none;
   max-width: 100%;
 }
 
+@media screen and (min-width: 780px) {
+  .hero__diagram svg {
+    display: inline;
+    max-width: 100%;
+  }
+}
+
 .home__main {
   padding-bottom: 4rem;
 }