added flex and gap properties to buttons on community page (#590)

Author: ryuk-jayant

_includes/footer.liquid

@@ -2,7 +2,7 @@
   <div class="container-lg px-3 page-section d-md-flex flex-md-row-reverse">
     <div class="col-md-6">{% include "subscribe" %}</div>
     <div class="col-md-6">
-      <p>
+      <p class="d-inline-flex ">
         <span class="mr-2 d-inline-block">
         <!-- Place this tag where you want the button to render. -->
           <a
@@ -20,6 +20,8 @@
             >Star</a
           >
         </span>
+       
+      
         <a
           href="https://twitter.com/ProbotTheRobot"
           class="twitter-follow-button"
@@ -33,6 +35,7 @@
           src="//platform.twitter.com/widgets.js"
           charset="utf-8"
         ></script>
+      
       </p>
       <p>
         {% octicon "code" %} with {% octicon "heart" %} by

community.html

@@ -13,7 +13,7 @@ <h1 class="h2 text-center">Join the Community</h1>
     essential for keeping it great.
   </p>
 
-  <div class="text-center my-6">
+  <div class="d-flex flex-wrap flex-lg-justify-center flex-justify-around flex-self-center flex-sm-fill  my-6" style="gap:10px">
     <a
       class="btn btn-outline d-inline-block mb-1 mb-md-0 mr-0 mr-md-3"
       href="https://github.com/probot/probot/discussions"
@@ -42,6 +42,7 @@ <h1 class="h2 text-center">Join the Community</h1>
       Ask on Stack Overflow
     </a>
   </div>
+
   <div class="border-top container-md py-4">
     <div class="d-flex gutter flex-wrap">
       <div class="col-md-6 col-12 mb-4">