Description

Our signup form is a bit incomplete. We need to handle 4 cases:

1. successful signup
2. empty email
3. taken email
4. repeat email

The code is in place. We just need you to add some logic to hook everything up.

Expected behavior

The signup form should behave like so:

Successful Signup

Empty Email

Taken Email

Repeat Email

Description

Users are reporting that the nav is messed up on mobile. It sounds like the nav buttons for desktop are still visible on mobile.

Please hide the desktop nav buttons so they are no longer visible on mobile. While doing this task, stick to using our existing css classes. Our styles.css is fairly messy, and we don't want to add any more new styles.

Expected behavior

Our mobile nav should look like this:

Description

Fix our Nav buttons on Desktop and Mobile. Upon clicking them, the browser should jump to specific parts of the webpage.

Expected behavior

Our nav should behave like so:

Desktop

Mobile

Description

Our challenge tiles are currently a single column. We got feedback from design to instead make them a 2x2 grid 🤬

Luckily, our challenge container is already a grid. you have to make a very small change to the challenge-grid CSS.

Expected behavior

The challenge grid should look like this:

Description

Users are reporting that the banner image has inverted colors. It seems our designer screwed up 😅

The designer is too busy to fix this issue. In the meantime, could you look into using CSS to invert the colors back to normal?

Expected behavior

Our banner image should look like this: