Desktop Design

Mobile Design

Fylo landing page with two column layout

<h1 class="font-bold text-4xl mb-8">
          All your files in one secure location, accessible anywhere.
        </h1>

<p class="mb-10">
          Fylo stores your most important files in one secure location. Access
          them wherever you need, share and collaborate with friends, family,
          and co-workers.
        </p>

<h2 class="text-center font-bold text-2xl mb-8 md:text-left md:text-3xl lg:text-4xl">
            Stay productive, wherever you are
          </h2>

<p class="mb-4">
            Never let location be an issue when accessing your files. Fylo has
            you covered for all of your file storage needs.
          </p>

<p class="mb-10">
            Securely share files and folders with friends, family and colleagues
            for live collaboration. No email attachments required!
          </p>

<a href="#" class="link flex items-center gap-2 underline">See how Fylo works
            <img src="./images/icon-arrow.svg" alt="" class="w-5"></a>

<p class="mb-10">
              Fylo has improved our team productivity by an order of magnitude.
              Since making the switch our team has become a well-oiled
              collaboration machine.
            </p>

<div>
      <p class="attribution">
        Challenge by
        <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="https://tsbsankara.com">Thomas Sankara</a>.
      </p>
    </div>

der>   <section class="flex flex-col-reverse px-8 py-20 md:grid md:grid-cols-2 md:place-items-center gap-8 max-w-7xl mx-auto">

ure>   <section style="background-color: #f8f8fe" class="px-8 py-20">

Please log in to post a comment

Community feedback

Fylo landing page with two column layout

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community