diff --git a/src/index.html b/src/index.html index 04bd19e..748549f 100644 --- a/src/index.html +++ b/src/index.html @@ -23,15 +23,15 @@ > - - Browse Challenges - Sign Up + + Browse Challenges + Sign Up
- Browse Challenges - Sign Up + Browse Challenges + Sign Up
diff --git a/src/script.js b/src/script.js index 529f585..67ed321 100644 --- a/src/script.js +++ b/src/script.js @@ -26,10 +26,35 @@ addEventListener("submit", (event) => { let email = document.getElementById("email").value; // TODO: Show Correct Status Messages on Signup Form - // 1. successful signup + + // 2. empty email + if (email.length == 0){ + renderEmailEmptyError(); + return; + } // 3. taken email + for(let i=0; i { diff --git a/src/styles.css b/src/styles.css index 2cbb72e..251a2e1 100644 --- a/src/styles.css +++ b/src/styles.css @@ -670,6 +670,7 @@ form > span { #jumbo-image { max-height: 20rem; /* TODO: Invert banner colors using CSS */ + filter: invert(100%); } @media (max-width: 600px) { @@ -877,7 +878,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;