on gst, unit conversion, trigonometry. metrix output Display sceen is coming down only basic and Scientific calculator output is coming correctly over the screen or lets say display.

index.html

@@ -162,15 +162,15 @@
                             <div class="bg-gray-100 rounded-xl p-4">
                                 <div class="flex justify-between mb-2">
                                     <span>Net Amount:</span>
-                                    <span id="netAmount">₹0.00</span>
+                                    <span id="netAmount" class="font-bold">₹0.00</span>
                                 </div>
                                 <div class="flex justify-between mb-2">
                                     <span>GST Amount:</span>
-                                    <span id="gstResult">₹0.00</span>
+                                    <span id="gstResult" class="font-bold">₹0.00</span>
                                 </div>
                                 <div class="flex justify-between font-bold text-lg">
                                     <span>Total Amount:</span>
-                                    <span id="totalAmount">₹0.00</span>
+                                    <span id="totalAmount" class="font-bold">₹0.00</span>
                                 </div>
                             </div>
                         </div>
@@ -282,7 +282,7 @@
                             </div>
                         </div>
                     </div>
-                    <!-- Scientific Calculator -->
+<!-- Scientific Calculator -->
                     <div id="scientificCalculator" class="hidden">
                         <div class="result-display">
                             <div class="grid grid-cols-5 gap-2 mb-4">
@@ -472,7 +472,7 @@
             document.getElementById('gstResult').textContent = '₹0.00';
             document.getElementById('totalAmount').textContent = '₹0.00';
         }
-        // Unit Conversion
+// Unit Conversion
         function convertUnits() {
             const fromUnit = document.getElementById('fromUnit').value;
             const toUnit = document.getElementById('toUnit').value;
@@ -502,7 +502,7 @@
             document.getElementById('unitValue').value = '1';
             document.getElementById('unitResult').textContent = '1 cm = 0.01 m';
         }
-        // Trigonometry
+// Trigonometry
         function calculateTrig() {
             const angle = parseFloat(document.getElementById('trigAngle').value) || 0;
             const func = document.getElementById('trigFunction').value;
@@ -543,7 +543,7 @@
             document.getElementById('trigAngle').value = '45';
             document.getElementById('trigResult').textContent = 'sin(45°) = 0.7071';
         }
-        // Matrix Calculator
+// Matrix Calculator
         function generateMatrixInputs(size) {
             const container = document.getElementById('matrixInputs');
             container.innerHTML = '';
@@ -668,9 +668,8 @@
             const adjugate = transposeMatrix(cofactor);
             return adjugate.map(row => row.map(val => val/det));
         }
-
         function displayMatrixResult(matrix, operation) {
-            let html = `<div class="text-center mb-2">${operation}:</div>`;
+            let html = `<div class="text-center mb-2 font-bold">${operation}:</div>`;
             html += '<div class="grid gap-1 justify-center" style="grid-template-columns: repeat(' + matrix[0].length + ', auto);">';
             
             for (let i = 0; i < matrix.length; i++) {
@@ -682,8 +681,7 @@
             html += '</div>';
             document.getElementById('matrixResult').innerHTML = html;
         }
-
-        function clearMatrix() {
+function clearMatrix() {
             const size = parseInt(document.getElementById('matrixSize').value);
             for (let i = 0; i < size; i++) {
                 for (let j = 0; j < size; j++) {