Skip to content

Commit

Permalink
fixing tile alignment
Browse files Browse the repository at this point in the history
  • Loading branch information
@elijames-codecov
elijames-codecov committed Jul 31, 2024
1 parent fbcac6d commit a18daab
Showing 1 changed file with 26 additions and 26 deletions.
52 changes: 26 additions & 26 deletions src/pages/faq.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@ import Collapse from '../components/Collapse.astro';
</p>
</div>
<div class="w-full flex flex-wrap pb-[3rem]">
<div class="w-12/12 lg:w-1/2 lg:pr-[0.75rem]">
<div class="border border-borderGray rounded-small p-[2rem] lg:h-[16rem]">
<div class="w-12/12 lg:w-1/2 pb-[2rem] lg:pr-[0.75rem]">
<div class="border border-borderGray rounded-small p-[2rem] lg:h-[100%]">
<img src="/images/icons/non-compete.svg" alt="non-compete icon]" class="mb-[2.25rem]" />
<h3>Non-compete</h3>
<p>
Expand All @@ -40,8 +40,8 @@ import Collapse from '../components/Collapse.astro';
</p>
</div>
</div>
<div class="w-12/12 lg:w-1/2 lg:pl-[0.75rem] ">
<div class="border border-borderGray rounded-small p-[2rem] lg:h-[16rem]">
<div class="w-12/12 lg:w-1/2 pb-[2rem] lg:pl-[0.75rem] ">
<div class="border border-borderGray rounded-small p-[2rem] lg:h-[100%]">
<img src="/images/icons/eventual-open-source.svg" alt="eventual open-source icon" class=" mb-[2.25rem]" />
<h3>Eventual Open Source</h3>
<p>
Expand All @@ -59,23 +59,23 @@ import Collapse from '../components/Collapse.astro';
>
<div class="relative flex flex-wrap pb-[3rem]">
<p>Fair Source and <a href="" class="empahsized" target="_BLANK">Open Source</a> are complementary approaches suited to different cases:</p>
<div class="w-full flex flex-wrap py-[3rem] items-center">
<div class="w-12/12 lg:w-1/2 lg:pr-[0.75rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 lg:w-1/6">
<div class="w-full flex flex-wrap py-[3rem] items-stretch">
<div class="w-12/12 lg:w-1/2 pb-[2rem] lg:pr-[0.75rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center lg:h-[100%]">
<div class="w-12/12 pb-[1rem] lg:pb-0 lg:w-1/6">
<img src="/images/icons/open-source.svg" alt="open source"/>
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<div class="lg:pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Open Source works best for shared infrastructure</h3>
</div>
</div>
</div>
<div class="w-12/12 lg:w-1/2 lg:pl-[0.75rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 lg:w-1/6">
<div class="w-12/12 lg:w-1/2 pb-[2rem] lg:pl-[0.75rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center lg:h-[100%]">
<div class="w-12/12 pb-[1rem] lg:pb-0 lg:w-1/6">
<img src="/images/icons/fair-source.svg" alt="fair source" />
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<div class="lg:pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Fair Source works best for a software company’s core products.</h3>
</div>
</div>
Expand All @@ -100,48 +100,48 @@ import Collapse from '../components/Collapse.astro';
collapseID="collapse-3"
>
<div class="relative flex flex-wrap pb-[3rem]">
Fair Source provides many of the same benefits for companies as Open Source, by helping to foster an engaged developer community around your software products.
In “The sodSingle-Vendor Commercial Open Source Business Model,, Professor Dirk Riehle of the University of Erlangen has identified the following benefits of such a community, by business function:
<p>Fair Source provides many of the same benefits for companies as Open Source, by helping to foster an engaged developer community around your software products.
In “The Single-Vendor Commercial Open Source Business Model, Professor Dirk Riehle of the University of Erlangen has identified the following benefits of such a community, by business function:</p>
</div>
<div class="w-full grid lg:grid-cols-3 grid-cols-1 gap-4 pb-[3rem]">
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-full flex flex-wrap items-stretch pb-[3rem]">
<div class="w-12/12 pb-[1.5rem] lg:w-6/12 xl:w-4/12 lg:pr-[0.875rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center h-[100%]">
<div class="w-12/12">
<img class="pb-2" src="/images/icons/faq-sales.svg" alt="sales"/>
<h3 class="pb-2">Sales</h3>
<p>More and easier sales due to customer-side champions.</p>
</div>
</div>
</div>
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 pb-[1.5rem] lg:w-6/12 xl:w-4/12 lg:pl-[0.875rem] xl:px-[0.875rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center h-[100%]">
<div class="w-12/12">
<img class="pb-2" src="/images/icons/faq-marketing.svg" alt="marketing" />
<h3 class="pb-2">Marketing</h3>
<p>Effective and cheaper marketing through engaged community.</p>
</div>
</div>
</div>
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 pb-[1.5rem] lg:w-6/12 xl:w-4/12 lg:pr-[0.875rem] xl:pl-[0.875rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center h-[100%]">
<div class="w-12/12">
<img class="pb-2" src="/images/icons/faq-pm.svg" alt="product management" />
<h3 class="pb-2">Product Management</h3>
<p>Superior product thanks to broad and deep user innovation.</p>
</div>
</div>
</div>
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 pb-[1.5rem] lg:w-6/12 xl:w-4/12 lg:pl-[0.875rem] xl:pr-[0.875rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center h-[100%]">
<div class="w-12/12">
<img class="pb-2" src="/images/icons/faq-engineering.svg" alt="engineering" />
<h3 class="pb-2">Engineering</h3>
<p>Faster development with immediate community feedback.</p>
</div>
</div>
</div>
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 pb-[1.5rem] lg:w-6/12 xl:w-4/12 lg:pr-[0.875rem] xl:px-[0.875rem]">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center h-[100%]">
<div class="w-12/12">
<img class="pb-2" src="/images/icons/faq-support.svg" alt="support" />
<h3 class="pb-2">Support</h3>
Expand Down

0 comments on commit a18daab

Please sign in to comment.