fix spacing
Some checks are pending
www2.threefold_io / Deploy (push) Waiting to run
www2.threefold_io / Wait for Website Update (push) Blocked by required conditions
www2.threefold_io / Check for Broken Links (push) Blocked by required conditions

This commit is contained in:
2025-02-24 16:58:19 +02:00
parent 8632ed4a97
commit f7553f6214
8 changed files with 39 additions and 39 deletions

View File

@@ -1,14 +1,18 @@
<div class=" fade-in bg-white">
<div class="lg:py-12 relative isolate">
<div class=" mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 pb-24">
<div class="fade-in bg-white">
<div class="lg:py-24 py-12 relative isolate">
<div class=" mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 lg:pb-24">
<p class="text-base/7 font-light text-black tracking-wide">HOW IT WORKS</p>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">How Mycelium Operates</h2>
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light text-black fade-in max-w-3xl">
Mycelium, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks.
</p>
</div>
<div class="mx-auto max-w-7xl px-6 lg:flex lg:items-center lg:gap-x-15 lg:px-8">
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto">
<div class="mx-auto max-w-7xl lg:flex lg:items-center lg:gap-x-15 lg:px-8">
<div class="my-6 lg:my-0 lg:flex lg:justify-center lg:w-1/2">
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/feature6a.png"
alt="Mobile App Screenshot">
</div>
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto pt-4">
<dl class="space-y-8 text-base/7 lg:max-w-none">
<div class="relative pl-9">
<dt class="font-semibold lg:text-lg text-base text-black ">
@@ -32,10 +36,7 @@
</div>
</dl>
</div>
<div class="lg:order-first mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/feature6a.png"
alt="Mobile App Screenshot">
</div>
</div>
</div>
</div>