From e0b979dee636171ccdbbb7ca226ad03db5a1fb9d Mon Sep 17 00:00:00 2001
From: Aditya <aaaditya1909@gmail.com>
Date: Sat, 9 May 2026 13:51:24 +0530
Subject: [PATCH 1/2] fix: improve footer icons layout on mobile devices

Signed-off-by: Aditya <aaaditya1909@gmail.com>
---
 docs/layouts/partials/footer.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/layouts/partials/footer.html b/docs/layouts/partials/footer.html
index 76c55fe4aa..9c7a309e40 100644
--- a/docs/layouts/partials/footer.html
+++ b/docs/layouts/partials/footer.html
@@ -8,13 +8,13 @@
 <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 }}"></div>
         <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 flex-wrap align-items-center justify-content-center"></div>
         {{ with $links }}
         {{ with index . "developer"}}
         <ul class="list-inline mb-0">

From 52d9822b883a26b7c27875f39b8984b081f4d600 Mon Sep 17 00:00:00 2001
From: Aditya <aaaditya1909@gmail.com>
Date: Tue, 12 May 2026 05:09:31 +0530
Subject: [PATCH 2/2] fix: correct div placement in footer for mobile layout

Signed-off-by: Aditya <aaaditya1909@gmail.com>
---
 docs/layouts/partials/footer.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/layouts/partials/footer.html b/docs/layouts/partials/footer.html
index 9c7a309e40..aeea3b38e2 100644
--- a/docs/layouts/partials/footer.html
+++ b/docs/layouts/partials/footer.html
@@ -8,13 +8,13 @@
 <div class="{{ $bg_color }} row d-print-none">
   <div class="container-fluid py-3 mx-sm-5">
     <div class="row">
-      <div class="col-12 col-sm-8 py-3 order-sm-2 {{ $text_color }}"></div>
+      <div class="col-12 col-sm-8 py-3 order-sm-2 {{ $text_color }}">
         <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-12 col-sm-4 order-sm-3 d-flex flex-wrap align-items-center justify-content-center"></div>
+      <div class="col-12 col-sm-4 order-sm-3 d-flex flex-wrap align-items-center justify-content-center">
         {{ with $links }}
         {{ with index . "developer"}}
         <ul class="list-inline mb-0">