JS: Minor CSS fixes

sadanandpai · Jul 18, 2024 · 9ad1f01 · 9ad1f01
1 parent 4c507ce
commit 9ad1f01
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 31 deletions.
diff --git a/apps/css/src/challenges/blobmaker/index.html b/apps/css/src/challenges/blobmaker/index.html
@@ -1,14 +1,9 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="../../logo.svg" />
     <link rel="stylesheet" href="style.css" />
     <script src="../../helpers/header.js" type="module"></script>
-    <script src="app.js" type="module"></script>
-    <title>Blob Maker</title>
+    <script src="./index.js" type="module"></script>
   </head>
   <body>
     <div class="wrapper">

diff --git a/apps/css/src/challenges/blobmaker/app.js → apps/css/src/challenges/blobmaker/index.js b/apps/css/src/challenges/blobmaker/app.js → apps/css/src/challenges/blobmaker/index.js
diff --git a/apps/css/src/challenges/dialog/index.html b/apps/css/src/challenges/dialog/index.html
@@ -1,13 +1,9 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="../../logo.svg" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="index.css" />
-    <script src="index.js" type="module"></script>
     <script src="../../helpers/header.js" type="module"></script>
+    <script src="./index.js" type="module"></script>
+    <link rel="stylesheet" href="index.css" />
   </head>
   <body>
     <div class="container text-center">

diff --git a/apps/css/src/challenges/gradient-generator/index.html b/apps/css/src/challenges/gradient-generator/index.html
@@ -1,12 +1,8 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="../../logo.svg" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="../../helpers/header.js" type="module"></script>
-    <script src="./script.js" type="module"></script>
+    <script src="./index.js" type="module"></script>
     <link rel="stylesheet" href="style.css" />
   </head>
 

diff --git a/...c/challenges/gradient-generator/script.js → ...rc/challenges/gradient-generator/index.js b/...c/challenges/gradient-generator/script.js → ...rc/challenges/gradient-generator/index.js
diff --git a/apps/css/src/challenges/light-dark-mode/index.html b/apps/css/src/challenges/light-dark-mode/index.html
@@ -1,12 +1,8 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="../../logo.svg" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="index.js" type="module"></script>
     <script src="../../helpers/header.js" type="module"></script>
+    <script src="./index.js" type="module"></script>
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>

diff --git a/apps/javascript/src/challenges/tic-tac-toe/index.html b/apps/javascript/src/challenges/tic-tac-toe/index.html
@@ -1,17 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="../../logo.svg" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="index.js" type="module"></script>
     <script src="../../helpers/header.js" type="module"></script>
+    <script src="./index.js" type="module"></script>
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <div class="container text-center">
-      <div id="grid" class="grid"></div>
+      <div id="grid" class="ttt-grid"></div>
       <div class="row">
         <button id="reset" class="btn btn-primary">Reset</button>
       </div>

diff --git a/apps/javascript/src/challenges/tic-tac-toe/style.css b/apps/javascript/src/challenges/tic-tac-toe/style.css
@@ -1,11 +1,11 @@
-.grid {
+.ttt-grid {
   display: inline-grid;
   grid-template-rows: repeat(3, 1fr);
   grid-template-columns: repeat(3, 1fr);
   gap: 0.2rem;
 }
 
-.grid > button {
+.ttt-grid > button {
   width: 5rem;
   height: 5rem;
   font-size: 2rem;