small fix

MetaProvide · Sep 25, 2024 · 6c727b1 · 6c727b1
1 parent d3e3acb
commit 6c727b1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/assets/styles/util.css b/assets/styles/util.css
@@ -441,4 +441,12 @@
     .mobile-wrap {
         white-space: normal;
     }
+
+    .mobile-one-column {
+        grid-template-columns: 1fr;
+    }
+
+    .mobile-w-70vw {
+        width: 70vw;
+    }
 }
diff --git a/hejbit/index.html b/hejbit/index.html
@@ -306,10 +306,9 @@ <h2 class="header-medium hejbit-blue mt-8">Product Features</h2>
     </section>
 
     <section>
-      <h2 class="header-medium mb-64">Technolgies behind <b class="hejbit-yellow">HejBit</b></h2>
-      <div class="two-columns gap-64 mb-32">
+      <h2 class="header-medium mb-64">Technologies behind <b class="hejbit-yellow">HejBit</b></h2>
+      <div class="two-columns mobile-one-column mobile-w-70vw gap-64 m-0-auto">
         <div class="flex-column spread">
-            <h3 style="margin: 24px 0px;">The Amazing Paradigm of Swarm</h3>
             <a href="https://ethswarm.org"><img class="swarm-logo" src="../assets/images/SwarmLogo.svg" alt="Swarm logotype"></a>
             <p class="text-center mb-32">Swarm's vision is to become the operating system of the re-decentralised internet. It provides a scalable and
             self-sustaining infrastructure for a supply-chain economy of data.</p>
@@ -318,14 +317,13 @@ <h3 style="margin: 24px 0px;">The Amazing Paradigm of Swarm</h3>
 
 
         <div class="flex-column spread">
-            <h3 style="margin: 24px 0px;">In Nextcloud We Trust</h3>
             <a style="width: 60%;" href="https://nextcloud.com"><img src="../assets/images/nextcloud-logo.png" alt="Nextcloud logotype"></a>
             <p class="text-center mb-32">With over 400,000 deployments, Nextcloud is the most popular on-premises content-collaboration platform. It scales from instances for small teams to globally distributed installations with tens of millions of users.</p>
             <button class="hejbit-button"><a href="https://nextcloud.com">Learn More</a></button>
         </div>
       </div>
 
-      <div class="center flex-column">
+      <div class="center flex-column mt-64">
           <h2 style="font-size: 3.3rem;" class="mb-32">Check out our code</h2>
           <div class="center flex-column">
             <a href="https://github.com/MetaProvide/nextcloud-swarm-plugin"><img style="width: 75px; margin-bottom: 8px;" src="../assets/images/github-logo.png" alt="Github logotype"></a>