Adjust margins for bottom (magazine) infobox
This commit is contained in:
parent
d2af611346
commit
63d99a70ad
1 changed files with 3 additions and 3 deletions
|
@ -136,12 +136,12 @@
|
||||||
<p class="max-w-4xl mx-auto font-sans">Our team has unique expertise at the interface of data science and content creation. We think these are life-changing skills that enable your dream job: following your passions, showcasing what you learn along the way, and making a sustainable income in the process.</p>
|
<p class="max-w-4xl mx-auto font-sans">Our team has unique expertise at the interface of data science and content creation. We think these are life-changing skills that enable your dream job: following your passions, showcasing what you learn along the way, and making a sustainable income in the process.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-16 max-w-4xl mx-auto text-justify p-8 lg:px-0">
|
<div class="py-16 max-w-4xl mx-auto text-justify px-4 lg:px-0">
|
||||||
<h1 class="text-3xl text-center my-4 font-heading font-extrabold">How it works</h1>
|
<h1 class="text-3xl text-center my-4 font-heading font-extrabold">How it works</h1>
|
||||||
|
|
||||||
<p class="text-lg">This course is based on our experience in private informal sessions and the <a href="https://write.snipettemag.com" class="text-blue-900 underline">Snipette Writers' Programme</a>. We understand that no two peoples' ideas or problems or finished products will be identical; hence a lot of how the course works depends on your personal needs. However, here's what will remain constant:</p>
|
<p class="text-lg">This course is based on our experience in private informal sessions and the <a href="https://write.snipettemag.com" class="text-blue-900 underline">Snipette Writers' Programme</a>. We understand that no two peoples' ideas or problems or finished products will be identical; hence a lot of how the course works depends on your personal needs. However, here's what will remain constant:</p>
|
||||||
|
|
||||||
<ul class="m-4 text-lg">
|
<ul class="my-4 text-lg">
|
||||||
<li class="flex flex-col md:flex-row items-center md:items-stretch">
|
<li class="flex flex-col md:flex-row items-center md:items-stretch">
|
||||||
<div class="py-4 w-8 order-1 md:order-2">
|
<div class="py-4 w-8 order-1 md:order-2">
|
||||||
<p class="bg-blue-700 text-gray-200 h-8 w-8 text-center rounded-full">1</p>
|
<p class="bg-blue-700 text-gray-200 h-8 w-8 text-center rounded-full">1</p>
|
||||||
|
@ -210,7 +210,7 @@
|
||||||
<p class="text-lg mt-4">
|
<p class="text-lg mt-4">
|
||||||
When all is done, you will be ready for publication! This happens as two different versions in two publications:
|
When all is done, you will be ready for publication! This happens as two different versions in two publications:
|
||||||
</p>
|
</p>
|
||||||
<ul class="m-4 text-lg flex flex-col md:flex-row space-y-8 md:space-y-0 md:space-x-8">
|
<ul class="my-4 md:mx-4 text-lg flex flex-col md:flex-row space-y-8 md:space-y-0 md:space-x-8">
|
||||||
<li class="p-4 bg-blue-200 border border-blue-800 w-full md:w-1/2">
|
<li class="p-4 bg-blue-200 border border-blue-800 w-full md:w-1/2">
|
||||||
<h3 class="text-center uppercase my-4 font-sans text-blue-800">Emergent Phenomena</h3>
|
<h3 class="text-center uppercase my-4 font-sans text-blue-800">Emergent Phenomena</h3>
|
||||||
<p class="m-2"><a href="https://medium.com/emergent-phenomena" target="_blank" class="text-blue-800 underline">Emergent Phenomena</a> is a space for innovative work at the interface of data, storytelling, and society, filling a much-needed niche for in-depth analyses on societal issues backed by data.</p>
|
<p class="m-2"><a href="https://medium.com/emergent-phenomena" target="_blank" class="text-blue-800 underline">Emergent Phenomena</a> is a space for innovative work at the interface of data, storytelling, and society, filling a much-needed niche for in-depth analyses on societal issues backed by data.</p>
|
||||||
|
|
Loading…
Reference in a new issue