7979 </ header >
8080
8181 < section
82- class ="flex flex-col lg:flex-row justify-center items-center min-h-screen space-x-0 lg:space-x-10 bg-gray-800 ">
82+ class ="flex flex-col lg:flex-row justify-center items-center min-h-screen space-x-0 lg:space-x-10 bg-gray-800 pb-20 md:pb-0 ">
8383
8484 < div class ="mt-10 lg:mt-0 flex flex-col justify-center items-center space-y-10 ">
8585 < h1
86- class ="text-center text-2xl md:text-4xl font-bold text-[#d4b43c] leading-6 md:leading-10 tracking-wide lg:tracking-widest ">
86+ class ="text-center px-4 text-2xl md:text-4xl font-bold text-[#d4b43c] leading-6 md:leading-10 tracking-wide lg:tracking-widest ">
8787 A DSL FOR BUILD TASKS AND MORE
8888 < br />
8989 THE POWER OF F# - ANYWHERE - ANYTIME
9090 </ h1 >
91- < div class ="flex justify-between items-center space-x-5 ">
91+ < div class ="flex flex-col md:flex-row justify-center md:justify- between items-center space-x-0 space-y-5 md:space-y-0 md: space-x-5 ">
9292 < a href ="/guide.html "
9393 class ="w-48 py-3 flex justify-center bg-[#d4b43c] text-white rounded shadow-md font-semibold bg-gradient-to-r from-red-800 via-yellow-600 to-[#d4b43c] hover:from-[#d4b43c] ">
9494 Guide
100100 </ div >
101101 </ div >
102102
103- < div class ="mt-10 lg:mt-0 z-10 shadow-lg bg-[#d4b43c] p-20 rounded-lg ">
103+ < div class ="mt-10 lg:mt-0 z-10 shadow-lg bg-[#d4b43c] p-4 md:p- 20 md: rounded-lg ">
104104 < img alt ="main sample code to illustrate FAKE syntax " src ="/content/img/homepage/code-sample.svg ">
105105 </ div >
106106
@@ -204,7 +204,7 @@ <h3 class="text-4xl font-medium text-gray-900 tracking-widest">
204204 libraries by including them directly or via Paket.
205205 </ p >
206206 </ div >
207- < div class ="p-20 bg-[#d4b43c] rounded-lg shadow-xl shadow-gray-300 ">
207+ < div class ="bg-[#d4b43c] shadow-xl shadow-gray-300 p-4 md:p-20 md:rounded-lg ">
208208 < img alt ="code sample #1 " src ="/content/img/homepage/code-sample-1.svg ">
209209 </ div >
210210 </ section >
@@ -215,7 +215,7 @@ <h3 class="text-4xl font-medium text-gray-900 tracking-widest">
215215 </ div >
216216
217217 < section class ="mt-40 flex justify-between items-center flex-col lg:flex-row space-y-10 lg:space-y-0 mx-10 ">
218- < div class ="order-2 lg:order-1 mt-10 lg:mt-0 p-20 bg-[#d4b43c] rounded-lg shadow-xl shadow-gray-300 z-0 ">
218+ < div class ="order-2 lg:order-1 mt-10 lg:mt-0 bg-[#d4b43c] shadow-xl shadow-gray-300 z-0 p-4 md:p-20 md:rounded-lg ">
219219 < img alt ="code sample #2 " src ="/content/img/homepage/code-sample-2.svg ">
220220 </ div >
221221 < div class ="order-1 lg:order-2 ">
@@ -247,7 +247,7 @@ <h3 class="text-4xl font-medium text-gray-900 tracking-widest">
247247 < img alt ="background illustration - hexagons to demonstrate FAKE's modularity "
248248 src ="/content/img/homepage/shape-2.svg ">
249249 </ div >
250- < div class ="p-20 bg-[#d4b43c] rounded-lg shadow-xl shadow-gray-300 ">
250+ < div class ="bg-[#d4b43c] shadow-xl shadow-gray-300 p-4 md:p-20 md:rounded-lg ">
251251 < img alt ="code sample #3 " src ="/content/img/homepage/code-sample-3.svg ">
252252 </ div >
253253 </ section >
0 commit comments