final commit

assets/js/main.js

@@ -3,6 +3,10 @@
 const buttonEl = document.getElementById("button");
 // let inputLink = document.getElementById("videoLink");
 
+const actionEl = document.querySelector(".action");
+
+const paraEl = document.getElementById("para");
+
 function fetchThumbnail() {
   let inputLink = document.getElementById("videoLink").value;
   console.log(inputLink);
@@ -38,4 +42,6 @@ function fetchThumbnail() {
 
 buttonEl.addEventListener("click", () => {
   fetchThumbnail();
+  actionEl.classList.add("hidden");
+  paraEl.classList.add("hidden");
 });

index.html

@@ -14,7 +14,7 @@
 
       <div class="flex mx-96">
 
-      <h1 class="font-poppins text-4xl text-white  font-bold ml-28 mx-4"> Grab Youtube Thumbnail </h1>
+      <h1 class="font-poppins text-4xl text-white  font-bold ml-28 mx-4"> Grab Youtube<span class="bg-red-500 mx-1.5">Thumbnail </span> </h1>
       <img src="https://www.freeiconspng.com/uploads/download-png-6.png" alt="youtube-download"
       class="w-9 h-9 text-white">
 
@@ -59,15 +59,20 @@ <h5 class="text-gray-700 font-poppins font-semibold">Paste Your Link Here :</h5>
 
 
 
-    <div id="action">
-      <p class="text-white font-poppins text-4xl mt-4 ml-72"> How to View YouTube Thumbnail in a Few Seconds
+    <div >
+
+      <div id="para">
+        <p class="text-white font-poppins text-4xl mt-4 ml-72"> How to View YouTube Thumbnail in a Few Seconds</p>
 
         <p class="text-white font-poppins text-lg ml-[425px] mt-3">A free tool for instantly grabbing and View any YouTube thumbnail.</p>
+
+      </div>
+
 
-      </p>
+
 
 
-      <div class="flex mt-8  ">
+      <div class="flex mt-8 action ">
 
         <div class="max-w-xl mx-auto p-8 bg-gray-100 rounded">
           <svg xmlns="http://www.w3.org/2000/svg" height="45" width="45" class="ml-36 mb-1" viewBox="0 0 448 512">