Finally fi;xed the grid row issue woohoo

index.html

@@ -78,9 +78,9 @@
       src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
       frameborder="0" scrolling="0" width="170" height="30" title="GitHub">
     </iframe>
-    <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
+    <!-- <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
       scrolling="0" width="170" height="30" title="GitHub">
-    </iframe>
+    </iframe> -->
   </footer>
 
   <script src='main.js'></script>

main.css

@@ -66,7 +66,8 @@ footer {
   grid-column: 1;
   grid-row: 2;
   font-weight: 600;
-  width: 50%;
+  width: auto;
+  height: auto;
   margin: 0 auto;
   border-radius: 10px;
 }

main.js

@@ -1,7 +1,8 @@
 const submitButton = document.getElementById('subBut');
 submitButton.addEventListener("click", parseName);
-var chartDiv = document.querySelector('#grades');
-var aboutDiv = document.querySelector('.about-text');
+const chartDiv = document.querySelector('#grades');
+const aboutDiv = document.querySelector('.about-text');
+const formDiv = document.querySelector('.bg-form');
 if(chartDiv.getAttribute('value') == 'invisible'){
     chartDiv.style.display = 'none';
 }
@@ -127,6 +128,7 @@ async function PapaParse(department, num, name, sem) {
         aboutDiv.style.visibility='hidden';
         aboutDiv.style.display='none';
         chartDiv.style.display = '';
+        formDiv.setAttribute("style", "grid-row: 1");
     }
 }