add responsive to footer

Author: Arhell

includes/small-footer.html

@@ -1,11 +1,10 @@
 <footer class="py-6 text-small">
   <div class="container-xl d-flex px-3 px-md-6">
-    <div class="d-flex text-gray mr-3">
-      {% octicon "mark-github" height="20" class="mr-3" %}
-      <span>{{ "now" | date: "%Y" }} GitHub, Inc.</span>
-    </div>
-  
-    <ul class="d-flex list-style-none">
+    <ul class="d-flex list-style-none flex-wrap flex-justify-center flex-xl-justify-start">
+      <li class="d-flex mr-xl-3 text-gray">
+        {% octicon "mark-github" height="20" class="mr-2 mr-xl-3" %}
+        <span>{{ "now" | date: "%Y" }} GitHub, Inc.</span>
+      </li>
       <li class="ml-3"><a href="/github/site-policy/github-terms-of-service">{% data ui.footer.terms %} </a></li>
       <li class="ml-3"><a href="/github/site-policy/github-privacy-statement">{% data ui.footer.privacy %} </a></li>
       <li class="ml-3"><a href="https://github.com/security">{% data ui.footer.product.links.security %}</a></li>