diff --git a/Form-Controls/README.md b/Form-Controls/README.md index c356f8844..826e5167f 100644 --- a/Form-Controls/README.md +++ b/Form-Controls/README.md @@ -40,7 +40,7 @@ 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 only used HTML and CSS. -- [ ] I have not used any JavaScript. +- [ ] I have not used any JavaScrip ### HTML diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..3a26d19b4 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,8 @@ My form exercise + +
@@ -17,11 +19,45 @@

Product Pick

+ + + + + + +
+ T-shirt color: + + + + + + + + + + + + + + + +
+ diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..858dbc301 --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,18 @@ +form { + display: inline-block; + /* Form outline */ + padding: 1em; + border: 1px solid #cccccc; + border-radius: 1em; +} + +#special-label { + font-size: 15px; + font-weight: bold; +} + +button { + background-color: black; + color: white; + +} \ No newline at end of file