Chore: Formatted community Mailing list component

Abhijay007 · Abhijay007 · commit a1df30f7f8c2 · 2022-01-03T13:25:20.000+05:30
Signed-off-by: Abhijay Jain &lt;Abhijay007j@gmail.com&gt;
diff --git a/docs/_includes/subscribe.html b/docs/_includes/subscribe.html
@@ -1,5 +1,5 @@
 <div>
-  <a id="subscribe" class="subscribe-a"></a>
+  <a id="subscribe" class="subscribe-a" ></a>
   <!-- Begin MailChimp Signup Form -->
   <link
     href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css"
diff --git a/docs/assets/css/subscribe.css b/docs/assets/css/subscribe.css
@@ -20,12 +20,7 @@
   white-space: nowrap;
 }
 #mc_embed_signup {
-  clear: left;
   font: 14px Helvetica, Arial, sans-serif;
-  width: 80%;
-  text-align: center;
-  margin-left: auto;
-  margin-right: auto;
 }
 
 /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
diff --git a/docs/collections/_pages/subscribe.html b/docs/collections/_pages/subscribe.html
@@ -4,9 +4,14 @@
 ---
 <div>
     <div>
-        <div id="contact" style="width:100%;">
+        <div id="contact" style="display: flex;
+        flex-direction:column;
+        align-items: center;
+        justify-content: center;
+        padding: calc(50% - 105px);
+        ">
             <h3 style="text-align:center;">Mailing List</h3>
             {% include subscribe.html %}
         </div>
     </div>
-</div>
+</div>

Original file line number	Diff line number	Diff line change
`@@ -20,12 +20,7 @@`
`20`	`20`	`white-space: nowrap;`
`21`	`21`	`}`
`22`	`22`	`#mc_embed_signup {`
`23`		`- clear: left;`
`24`	`23`	`font: 14px Helvetica, Arial, sans-serif;`
`25`		`- width: 80%;`
`26`		`- text-align: center;`
`27`		`- margin-left: auto;`
`28`		`- margin-right: auto;`
`29`	`24`	`}`
`30`	`25`
`31`	`26`	`/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.`