Upload file: sort-package-json-keithamus.html

Author: CodeHimBlog

projects/sort-package-json-keithamus.html

@@ -315,31 +315,34 @@ <h1 id="packageName">Sort Package JSON</h1>
 
 
 
-        <!-- Action Buttons -->
-        <div class="mb-4">
-          <a href="https://github.com/keithamus/sort-package-json/archive/refs/heads/master.zip" class="btn btn-primary me-2" id="downloadBtn">
-            <i class="bi bi-cloud-download me-2"></i>Download ZIP
-          </a>
-          <a href="https://github.com/keithamus/sort-package-json" target="_blank" class="btn btn-outline-secondary" id="githubBtn">
-            <i class="bi bi-github me-2"></i>Fork on GitHub
-          </a>
-        </div>
+<div class="row mb-4">
+  <!-- Tabs (Left) -->
+  <div class="col-12 col-md-6 d-flex justify-content-start mb-3 mb-md-0">
+    <ul class="nav nav-tabs" id="infoTabs" role="tablist">
+      <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="installation-tab" data-bs-toggle="tab" data-bs-target="#installation" type="button" role="tab" aria-controls="installation" aria-selected="true">
+          <i class="bi bi-file-earmark-text"></i> Readme
+        </button>
+      </li>
+      <li class="nav-item" role="presentation">
+        <button class="nav-link" id="changelog-tab" data-bs-toggle="tab" data-bs-target="#changelog" type="button" role="tab" aria-controls="changelog" aria-selected="false">
+          <i class="bi bi-journal-text me-2"></i> Changelog
+        </button>
+      </li>
+    </ul>
+  </div>
+
+  <!-- Action Buttons (Right) -->
+  <div class="col-12 col-md-6 d-flex justify-content-md-end justify-content-start">
+    <a href="https://github.com/keithamus/sort-package-json/archive/refs/heads/master.zip" class="btn btn-primary me-2" id="downloadBtn">
+      <i class="bi bi-cloud-download me-2"></i>Download ZIP
+    </a>
+    <a href="https://github.com/keithamus/sort-package-json" target="_blank" class="btn btn-outline-secondary" id="githubBtn">
+      <i class="bi bi-github me-2"></i>Fork on GitHub
+    </a>
+  </div>
+</div>
 
-        <!-- Tabs -->
-        <ul class="nav nav-tabs" id="infoTabs" role="tablist">
-          <li class="nav-item" role="presentation">
-            <button class="nav-link active" id="installation-tab" data-bs-toggle="tab" data-bs-target="#installation" type="button" role="tab" aria-controls="installation" aria-selected="true">
-              <i class="bi bi-file-earmark-text"></i> Readme
-            </button>
-          </li>
-        
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="changelog-tab" data-bs-toggle="tab" data-bs-target="#changelog" type="button" role="tab" aria-controls="changelog" aria-selected="false">
-              <i class="bi bi-journal-text me-2"></i> Changelog
-            </button>
-          </li>
-    
-        </ul>
 
         <div class="tab-content mt-3" id="infoTabsContent">
           <div class="tab-pane fade show active" id="installation" role="tabpanel" aria-labelledby="installation-tab">