From 63d99a70adc1f1008b2b705a648ba5b9a684610e Mon Sep 17 00:00:00 2001
From: Hippo <badrihippo@gmail.com>
Date: Tue, 26 Oct 2021 17:40:30 +0530
Subject: [PATCH] Adjust margins for bottom (magazine) infobox

---
 src/index.htm | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/index.htm b/src/index.htm
index abba4e1..c46126d 100644
--- a/src/index.htm
+++ b/src/index.htm
@@ -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>