diff --git a/Form-Controls/README.md b/Form-Controls/README.md index bfcdf6c0..1028d39d 100644 --- a/Form-Controls/README.md +++ b/Form-Controls/README.md @@ -4,10 +4,10 @@ -- [ ] Interpret requirements and check against a list of criteria -- [ ] Write a valid form -- [ ] Test with Devtools -- [ ] Refactor using Devtools +- [x] Interpret requirements and check against a list of criteria +- [x] Write a valid form +- [x] Test with Devtools +- [x] Refactor using Devtools ## Task @@ -30,18 +30,18 @@ Do not write a form action for this project. Let's write out our testable criteria. Check each one off as you complete it. -- [ ] I have used HTML only. +- [x] I have used HTML only. - [x] I have not used any CSS or JavaScript. ### HTML -- [ ] My form is semantic html. -- [ ] All inputs have associated labels. -- [ ] My Lighthouse Accessibility score is 100. -- [ ] I require a valid name. I have defined a valid name as a text string of two characters or more. -- [ ] I require a valid email. -- [ ] I require one colour from a defined set of 3 colours. -- [ ] I require one size from a defined set of 6 sizes. +- [x] My form is semantic html. +- [x] All inputs have associated labels. +- [x] My Lighthouse Accessibility score is 100. +- [x] I require a valid name. I have defined a valid name as a text string of two characters or more. +- [x] I require a valid email. +- [x] I require one colour from a defined set of 3 colours. +- [x] I require one size from a defined set of 6 sizes. ## Resources diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cd..54130e64 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,115 @@ - - - - My form exercise - - - - -
-

Product Pick

-
-
-
- - -
-
- - - + + + + My form exercise + + + +
+

T-shirt Pick

+
+ +
+
+
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+ What colour T-shirt would you like? +
+ +
+
+
+ +
+
+
+ +
+
+ +
+ +
+ What size do you want? + +
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+ +
+ +
+
+
+ + + + \ No newline at end of file diff --git a/Wireframe/Adobe Express - file.png b/Wireframe/Adobe Express - file.png new file mode 100644 index 00000000..967ddd07 Binary files /dev/null and b/Wireframe/Adobe Express - file.png differ diff --git a/Wireframe/README.md b/Wireframe/README.md index 0ae0216d..f2c127f5 100644 --- a/Wireframe/README.md +++ b/Wireframe/README.md @@ -35,4 +35,4 @@ There are some provided HTML and CSS files you can use to get started. You can u - [Wireframe](https://www.productplan.com/glossary/wireframe/) - [Semantic HTML](https://www.w3schools.com/html/html5_semantic_elements.asp) -- [:first-child](https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child) +- [:first-child](https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child) \ No newline at end of file diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e53..c6c59b8e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -30,4 +30,4 @@

Title

- + \ No newline at end of file