|
4 | 4 |
|
5 | 5 | This is a landing page written in HTML/CSS/JS. Your job is to fix these issues: |
6 | 6 |
|
7 | | -1. Nav Buttons Don't Work (Desktop & Mobile) |
8 | | -1. Desktop Nav Is Visible on Mobile |
9 | | -1. Invert Banner Image Colors |
10 | | -1. Tiles Need to be 2x2 CSS Grid |
11 | | -1. Improve Errors on Signup Form Validation |
| 7 | +1. [Nav Buttons Don't Work](https://github.com/developer-job-simulation/vanilla-landing-page/issues/1) |
| 8 | +1. [Desktop Nav Is Visible on Mobile](https://github.com/developer-job-simulation/vanilla-landing-page/issues/2) |
| 9 | +1. [Invert Banner Image Colors](https://github.com/developer-job-simulation/vanilla-landing-page/issues/3) |
| 10 | +1. [Tiles Need to be 2x2 CSS Grid](https://github.com/developer-job-simulation/vanilla-landing-page/issues/4) |
| 11 | +1. [Improve Errors on Signup Form Validation](https://github.com/developer-job-simulation/vanilla-landing-page/issues/5) |
12 | 12 |
|
13 | 13 | ## Learning Objectives |
14 | 14 |
|
15 | 15 | You will learn and gain experience with: |
16 | 16 |
|
17 | | -- Linking to Page Elements |
18 | | -- Mobile Responsive Design |
19 | | -- CSS Filters |
20 | | -- CSS Grid |
21 | | -- Stateful Form Validation |
| 17 | +- [Linking to Page Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) |
| 18 | +- [Mobile Responsive Design](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design) |
| 19 | +- [CSS Filters](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) |
| 20 | +- [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/grid) |
| 21 | +- [Clientside Form Validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation) |
22 | 22 | - Navigating a Large, Messy CSS File |
23 | 23 |
|
24 | 24 | ## How to start working |
25 | 25 |
|
26 | 26 | 1. Fork this repo and clone it locally. |
27 | 27 | 1. Open index.html in your browser to see the current state of the project. |
28 | | -1. Fix all the issues (hints are provided as TODO comments in the code) |
| 28 | +1. Fix all the issues (some hints are provided as TODO comments in the code) |
29 | 29 | 1. Once all your solutions are complete, create a single Pull Request to this repository |
30 | 30 | 1. Check if your solutions passes our automated tests. |
31 | 31 |
|
|
0 commit comments