Fix footer layout on mobile

Signed-off-by: ansita20 <ansitasingh20@gmail.com>

Author: Ansita20

docs/layouts/partials/footer.html

@@ -8,16 +8,16 @@
 <div class="{{ $bg_color }} row d-print-none">
   <div class="container-fluid py-3 mx-sm-5">
     <div class="row">
-      <div class="col-8 py-3 order-sm-2 {{ $text_color }}">
+      <div class="col-12 col-sm-8 py-3 order-sm-2 {{ $text_color }} text-center text-sm-left">
         <a href="https://www.cncf.io/projects/pipecd/" target="_blank">
           <img src="{{ $cncf_logo }}" alt="cncf logo" width="250">
           <div class="py-2 {{ $text_color }}">PipeCD is a Cloud Native Computing Foundation sandbox project.</div>
         </a>
       </div>
-      <div class="col-4 order-sm-3 d-flex align-items-center justify-content-center">
+      <div class="col-12 col-sm-4 order-sm-3 d-flex align-items-center justify-content-center justify-content-sm-end flex-wrap mb-3 mb-sm-0">
         {{ with $links }}
         {{ with index . "developer"}}
-        <ul class="list-inline mb-0">
+        <ul class="list-inline mb-2 mb-sm-0">
           {{ range . }}
           <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="{{ .name }}" aria-label="{{ .name }}">
             <a class="text-white" target="_blank" rel="noopener noreferrer" href="{{ .url }}">

docs/themes/docsy/layouts/partials/footer.html

@@ -1,23 +1,28 @@
 {{ $links := .Site.Params.links }}
-<footer class="bg-dark py-5 row d-print-none">
+<footer class="bg-dark py-5 d-print-none">
   <div class="container-fluid mx-sm-5">
-    <div class="row">
-      <div class="col-6 col-sm-4 text-xs-center order-sm-2">
-        {{ with $links }}
-        {{ with index . "user"}}
-        {{ template "footer-links-block"  . }}
-        {{ end }}
-        {{ end }}
+    <div class="row align-items-center">
+      <div class="col-12 col-sm-6 text-center text-sm-left mb-3 mb-sm-0">
+        <p class="text-white mb-2">
+          PipeCD is a Cloud Native Computing Foundation sandbox project.
+        </p>
       </div>
-      <div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
+      <div class="col-12 col-sm-6 text-center text-sm-right">
         {{ with $links }}
-        {{ with index . "developer"}}
-        {{ template "footer-links-block"  . }}
-        {{ end }}
+          {{ with index . "user" }}
+            {{ template "footer-links-block" . }}
+          {{ end }}
+          {{ with index . "developer" }}
+            {{ template "footer-links-block" . }}
+          {{ end }}
         {{ end }}
       </div>
-      <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
-        {{ with .Site.Params.copyright }}<small class="text-white">&copy; {{ now.Year}} {{ .}} {{ T "footer_all_rights_reserved" }}</small>{{ end }}
+    </div>
+    <div class="row mt-4">
+      <div class="col-12 text-center">
+        {{ with .Site.Params.copyright }}
+          <small class="text-white">&copy; {{ now.Year }} {{ . }} {{ T "footer_all_rights_reserved" }}</small>
+        {{ end }}
         {{ with .Site.Params.privacy_policy }}<small class="ml-1"><a href="{{ . }}" target="_blank" rel="noopener">{{ T "footer_privacy_policy" }}</a></small>{{ end }}
 	{{ if not .Site.Params.ui.footer_about_disable }}
 		{{ with .Site.GetPage "about" }}<p class="mt-2"><a href="{{ .RelPermalink }}">{{ .Title }}</a></p>{{ end }}
@@ -36,4 +41,4 @@
   </li>
   {{ end }}
 </ul>
-{{ end }}
+{{ end }}