diff --git a/src/index.html b/src/index.html
index 04bd19e..26c48e9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -11,7 +11,6 @@
-
diff --git a/src/script.js b/src/script.js
index 529f585..c9621f1 100644
--- a/src/script.js
+++ b/src/script.js
@@ -25,11 +25,14 @@ addEventListener("submit", (event) => {
let email = document.getElementById("email").value;
- // TODO: Show Correct Status Messages on Signup Form
- // 1. successful signup
- // 2. empty email
- // 3. taken email
- // 4. repeat email
+ if (email === "") {
+ renderEmailEmptyError();
+ } else if (usersTable.find(user => user.username === email)) {
+ renderEmailTakenError();
+ } else {
+ renderSuccess();
+ usersTable.push({ username: email });
+ }
});
let toggleNav = () => {
diff --git a/src/styles.css b/src/styles.css
index 2cbb72e..c2a6d46 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -669,7 +669,7 @@ form > span {
#jumbo-image {
max-height: 20rem;
- /* TODO: Invert banner colors using CSS */
+ filter: invert(1);
}
@media (max-width: 600px) {
@@ -876,8 +876,7 @@ form > span {
#challenge-grid {
display: grid;
- /* TODO: Fix Issue, Tiles Need to be 2x2 Grid. Change only grid-template-columns */
- grid-template-columns: none;
+ grid-template-columns: 1fr 1fr;
grid-auto-rows: 10rem;
gap: 1rem;
padding-top: 2rem;