Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rhildred/ux220practicetest2

Last synced: 13 days ago
JSON representation

Host: GitHub
URL: https://github.com/rhildred/ux220practicetest2
Owner: rhildred
License: mit
Created: 2023-11-15T18:17:58.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-11-13T20:48:26.000Z (about 2 months ago)
Last Synced: 2024-11-13T21:29:11.623Z (about 2 months ago)
Language: HTML
Size: 97.7 KB
Stars: 0
Watchers: 2
Forks: 32
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# UX220PracticeTest2
## forms, css, custom elements

The actual test will be 5 questions long. The actual test will be uploaded with the zip extension used for test 1. Each question will be worth 2 marks. This practice test is only 3 questions long.

1. Add a contact phone number to the included form. Be sure to use the correct type for your input.
Make the input match the formatting on the rest of the fields. Make sure that the input type for the
email is also correct. Use the "required" attribute correctly to make sure that all the inputs on the
form must be filled in before the form is submitted.

![phone field](readmeimages/phone.png)

2. Add an attribute to the name and email .form-group divs so that you can add a css rule to give those .form-group(s) a blue background.
Create blue space equal to the current font size around those .form-group(s). Create more space equal to 1/2 the current font size around
the .form-group that isn't blue but matches the page background.

![blue fields](readmeimages/form-blue.png)

3. Use the script tag below to create a custom element that fixes the 2020 copyright in the footer to be the current year.
The year should update automatically.