snipette/snipette-datpro-site
snipette
/
snipette-datpro-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust margins for bottom (magazine) infobox

This commit is contained in:
Hippo 2021-10-26 17:40:30 +05:30
parent d2af611346
commit 63d99a70ad
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.htm
View File

@ -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>
</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>
<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">
<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>
@ -210,7 +210,7 @@
<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:
</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">
<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>