diff --git a/Training/CSS-Practice/practice-1.html b/Training/CSS-Practice/practice-1.html
index 9f6fed7..0790740 100644
--- a/Training/CSS-Practice/practice-1.html
+++ b/Training/CSS-Practice/practice-1.html
@@ -11,6 +11,7 @@
       body {
         font-family: Arial, sans-serif;
         background-color: #f0f0f0;
+        
         /* TASK 1: PLACE THE ITEMS IN THE CENTRE OF THE WEBPAGE */
         /* margin: ;
         padding: ;
@@ -18,14 +19,20 @@
         justify-content: ;
         align-items: ;
         height: ; */
+        margin: auto;
+        padding: auto;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
       }
 
       .container {
         background-color: #fff;
         padding: 20px;
         /* TASK 2: CREATE YOUR OWN CURVED BORDER */
-        /* border: ;
-        border-radius: ; */
+        border: solid;
+        border-radius: 4mm; 
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       }
 
diff --git a/Training/Counter/ceobe.gif b/Training/Counter/ceobe.gif
new file mode 100644
index 0000000..e4887b3
Binary files /dev/null and b/Training/Counter/ceobe.gif differ
diff --git a/Training/Counter/counter.html b/Training/Counter/counter.html
index 186c8d9..3301371 100644
--- a/Training/Counter/counter.html
+++ b/Training/Counter/counter.html
@@ -26,14 +26,19 @@
     <h1>Click Counter</h1>
     <button id="clickButton">Click me!</button>
     <p id="counter">Click count: 0</p>
+    <img src="ceobe.gif">
 
     <script>
       // JavaScript functionality
       const clickButton = document.getElementById("clickButton");
       const counter = document.getElementById("counter");
+      const myVideo = document.getElementById("video1"); 
+
+      let count = 0;
 
       clickButton.addEventListener("click", () => {
-        // counter.textContent = `Click count: ${}`;
+        count += 1;
+        counter.textContent = `Click count: ${count}`;
       });
     </script>
   </body>
diff --git a/Training/Counter/liv.jpg b/Training/Counter/liv.jpg
new file mode 100644
index 0000000..f8973f1
Binary files /dev/null and b/Training/Counter/liv.jpg differ
diff --git a/Training/Counter/meme.mp4 b/Training/Counter/meme.mp4
new file mode 100644
index 0000000..d5ce00a
Binary files /dev/null and b/Training/Counter/meme.mp4 differ
diff --git a/Training/Counter/unknown.png b/Training/Counter/unknown.png
new file mode 100644
index 0000000..2495aea
Binary files /dev/null and b/Training/Counter/unknown.png differ
diff --git a/Training/JS-Practice/factorial.html b/Training/JS-Practice/factorial.html
index 40d9ebb..68c04dd 100644
--- a/Training/JS-Practice/factorial.html
+++ b/Training/JS-Practice/factorial.html
@@ -42,6 +42,11 @@ <h1>Factorial Calculator</h1>
 
       const calculateFactorial = (number) => {
         // TASK: CREATE YOUR FACTORIAL CALCULATION LOGIC HERE
+        let result = 1;
+        for (let i = 2; i <= number; i++) {
+          result *= i;
+        }
+        return result;
       };
 
       calculateButton.addEventListener("click", () => {
diff --git a/Training/JS-Practice/rectangle.html b/Training/JS-Practice/rectangle.html
index dbaeba6..799a010 100644
--- a/Training/JS-Practice/rectangle.html
+++ b/Training/JS-Practice/rectangle.html
@@ -44,6 +44,7 @@ <h1>Rectangle Area Calculator</h1>
 
       const calculateRectangleArea = (length, width) => {
         // TASK: CREATE YOUR AREA CALCULATION LOGIC HERE
+        return length * width;
       };
 
       calculateButton.addEventListener("click", () => {