completed

Author: Parv-gugnani

AI Image generator/index.html

@@ -55,7 +55,7 @@
     </svg>
 
     <header>
-      <h1>ParvAi Image Generator</h1>
+      <h1>Parv Ai Image Generator</h1>
     </header>
     <section class="images-section"></section>
     <section class="bottom-section"></section>

Calculator/style.css

@@ -54,4 +54,4 @@ form input.equal {
 
 form input.operator {
   color: #bcffd0;
-}
+}

Countdown Timer/script.js

@@ -1,5 +1,5 @@
 // Set the target date and time for the countdown
-const targetDate = new Date("July 3, 2023 15:00:00").getTime();
+const targetDate = new Date("Oct 10, 2023 15:00:00").getTime();
 
 // Update the countdown every second
 const countdownInterval = setInterval(() => {

Countdown Timer/style.css

@@ -84,6 +84,8 @@ h2 {
   margin-bottom: 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
+  color: aqua;
+
 }
 
 #timer {
@@ -95,22 +97,22 @@ h2 {
   padding: 30px;
 }
 
-#timer > div {
+#timer>div {
   text-align: center;
   margin: 0 20px;
 }
 
-#timer > div > span {
+#timer>div>span {
   display: block;
   font-size: 60px;
   font-weight: bold;
   color: #fff;
 }
 
-#timer > div > span:last-child {
+#timer>div>span:last-child {
   font-size: 20px;
   margin-top: -10px;
   color: #000;
   text-transform: uppercase;
   letter-spacing: 2px;
-}
+}

Dictionary/index.html

@@ -10,7 +10,7 @@
     <div class="container">
       <h1>Dictionary</h1>
       <input type="text" id="wordInput" placeholder="enter a word" />
-      <button id="meaning"></button>
+      <button id="meaning">Search</button>
     </div>
     <script src="script.js"></script>
   </body>

Dictionary/style.css

@@ -6,6 +6,7 @@ body {
   align-items: center;
   height: 100vh;
   margin: 0;
+  background-color: #007bff;
 }
 
 .container {
@@ -20,7 +21,7 @@ input {
 button {
   padding: 10px 20px;
   font-size: 16px;
-  background-color: #007bff;
+  background-color: #04ae64;
   color: #fff;
   border: none;
   cursor: pointer;
@@ -29,4 +30,4 @@ button {
 #meaning {
   margin-top: 20px;
   font-size: 18px;
-}
+}

Dino game/style.css

@@ -5,7 +5,11 @@ body {
   justify-content: center;
   align-items: center;
   min-height: 100vh;
-  background-color: #f7f7f7;
+  background-color: #23cd64;
+}
+
+* {
+  background-color: #23cd64;
 }
 
 .game-container {
@@ -40,4 +44,4 @@ body {
   right: 10px;
   font-size: 24px;
   font-weight: bold;
-}
+}

Double Click heart/style.css

@@ -40,6 +40,7 @@ body {
     animation: clicking 0.8s linear forwards;
 }
 
+
 @keyframes clicking {
     30% {
         opacity: 1;

Guessmynumber/style.css

@@ -1,6 +1,7 @@
 body {
   text-align: center;
   margin-top: 100px;
+  background-color: lightblue;
 }
 
 h1 {
@@ -17,4 +18,4 @@ input {
 
 button {
   margin-top: 10px;
-}
+}

Image Slider/style.css

@@ -3,6 +3,7 @@ body {
   text-align: center;
   margin: 0;
   padding: 0;
+  background-color: #2A9D8F;
 }
 
 .slider-container {
@@ -24,7 +25,7 @@ body {
 
 .nav-button {
   padding: 10px 20px;
-  background-color: #333;
+  background-color: #E76F51;
   color: #fff;
   border: none;
   cursor: pointer;
@@ -40,4 +41,4 @@ body {
 
 #next {
   right: 0;
-}
+}

MemeGenrator/style.css

@@ -1,6 +1,11 @@
+* {
+  background-color: #a8dadc;
+}
+
 .meme-generator {
   font-family: "Roboto", sans-serif;
   text-align: center;
+
 }
 
 .meme-generator img {
@@ -11,8 +16,8 @@
 .meme-generator .generate-meme-btn {
   padding: 8px 20px;
   border: none;
-  border-left: 4px solid #222;
-  border-right: 4px solid #222;
+  border-left: 4px solid #ffffff;
+  border-right: 4px solid #ffffff;
   margin: 24px 0;
   font-size: 20px;
   color: #f64d4d;
@@ -23,11 +28,11 @@
 
 .meme-generator .generate-meme-btn:hover {
   padding: 8px 36px;
-  border-left: 8px solid #222;
-  border-right: 8px solid #222;
+  border-left: 8px solid #ffffff;
+  border-right: 8px solid #ffffff;
   letter-spacing: 3px;
 }
 
 .meme-generator .meme-author {
   margin: 8px;
-}
+}