Skip to content

Commit

Permalink
next pass at design; mobile responsiveness for "why should i" section
Browse files Browse the repository at this point in the history
  • Loading branch information
@dylancoots-mwi
dylancoots-mwi committed Jul 31, 2024
1 parent 7fbf493 commit 503829f
Showing 1 changed file with 21 additions and 31 deletions.
52 changes: 21 additions & 31 deletions src/pages/faq.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,58 +103,48 @@ import Collapse from '../components/Collapse.astro';
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:
</div>
<div class="w-full flex flex-wrap py-[3rem] items-center">
<div class="w-12/12 lg:w-1/3 lg:pr-[0.75rem]">
<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-12/12 lg:w-1/6">
<img src="/images/icons/faq-sales.svg" alt="sales"/>
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Sales</h3>
<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 lg:w-1/3 lg:pl-[0.75rem]">
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 lg:w-1/6">
<img src="/images/icons/faq-marketing.svg" alt="marketing" />
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Marketing</h3>
<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 lg:w-1/3 lg:pl-[0.75rem]">
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 lg:w-1/6">
<img src="/images/icons/faq-pm.svg" alt="product management" />
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Product Management</h3>
<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 lg:w-1/3 lg:pl-[0.75rem]">
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 lg:w-1/6">
<img src="/images/icons/faq-engineering.svg" alt="engineering" />
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Engineering</h3>
<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 lg:w-1/3 lg:pl-[0.75rem]">
<div class="w-12/12">
<div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
<div class="w-12/12 lg:w-1/6">
<img src="/images/icons/faq-support.svg" alt="support" />
</div>
<div class="pl-[1.5rem] w-12/12 lg:w-5/6">
<h3>Support</h3>
<div class="w-12/12">
<img class="pb-2" src="/images/icons/faq-support.svg" alt="support" />
<h3 class="pb-2">Support</h3>
<p>Lower support costs thanks to self-supporting user community.</p>
</div>
</div>
Expand Down

0 comments on commit 503829f

Please sign in to comment.