From ca579e540b4a67a1330513eb46fe64fbccb7a8b2 Mon Sep 17 00:00:00 2001
From: maxim55069633 <1246003314@qq.com>
Date: Sun, 30 Apr 2023 07:55:46 +0800
Subject: [PATCH] fix all the issues
---
src/index.html | 10 +++++-----
src/script.js | 27 ++++++++++++++++++++++++++-
src/styles.css | 3 ++-
3 files changed, 33 insertions(+), 7 deletions(-)
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 @@
>
- JobSimulator.Dev
- Browse Challenges
- Sign Up
+ JobSimulator.Dev
+ 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;