diff --git a/01.bg-video/index.html b/01.bg-video/index.html
index e78b5c0..afeb690 100644
--- a/01.bg-video/index.html
+++ b/01.bg-video/index.html
@@ -8,15 +8,16 @@
   </head>
   <body>
     <section class="hero">
-      <video autoplay loop muted plays-inline class="back-video">
+      <video autoplay loop muted plays-inline class="back-video"> <!-- autoplay attribute will make the video runs automatically -->
         <!-- change the video to your own -->
         <source src="assets/video.mp4" />
       </video>
 
-      <section class="content">
+      <section class="content" >
         <h1>Journey</h1>
         <a href="">Explore</a>
       </section>
     </section>
   </body>
 </html>
+<!-- style="border:2px solid black;" -->
\ No newline at end of file
diff --git a/01.bg-video/style.css b/01.bg-video/style.css
index 48405bc..1466f0e 100644
--- a/01.bg-video/style.css
+++ b/01.bg-video/style.css
@@ -28,8 +28,8 @@
 }
 
 .content h1:hover {
-  -webkit-text-stroke: 2px white;
-  color: transparent;
+  -webkit-text-stroke: 2px white; /* it actually gives text border */
+  color: transparent; /* make the color transparent */
 }
 
 .content a {
@@ -40,7 +40,7 @@
   border: 2px solid white;
   padding: 14px 50px;
   margin-top: 20px;
-  transition: 0.5s;
+  transition: 0.5s; /* it defines hover speed*/
 }
 
 .content a:hover {
diff --git a/02.Creative Loading Animation/index.html b/02.Creative Loading Animation/index.html
index 3297fa7..35d3ca6 100644
--- a/02.Creative Loading Animation/index.html	
+++ b/02.Creative Loading Animation/index.html	
@@ -17,3 +17,4 @@
     </section>
   </body>
 </html>
+<!-- style="border:2px solid black" -->
diff --git a/02.Creative Loading Animation/style.css b/02.Creative Loading Animation/style.css
index 6f2e788..425bec9 100644
--- a/02.Creative Loading Animation/style.css	
+++ b/02.Creative Loading Animation/style.css	
@@ -31,7 +31,7 @@ body {
 }
 
 .loader .loading.one {
-  animation-delay: 0.3s;
+  animation-delay: 0.3s; /*defines when the animation will start for this element */
 }
 .loader .loading.two {
   animation-delay: 0.4s;
diff --git a/05. Top 5 Creative Buttons/btn1/style.css b/05. Top 5 Creative Buttons/btn1/style.css
index 840e3d1..d7a3a13 100644
--- a/05. Top 5 Creative Buttons/btn1/style.css	
+++ b/05. Top 5 Creative Buttons/btn1/style.css	
@@ -23,7 +23,7 @@ a {
   transition: all 1s;
 }
 
-a:before {
+a::before {
   content: "DOWNLOAD";
   font-weight: bold;
   color: #000;
@@ -42,5 +42,5 @@ a:before {
 }
 
 a:hover:before {
-  transform: translateY(0);
+  transform: translateY(0%);
 }
