- Style a form with inputs and buttons using CSS.
- Understand and apply attribute selectors.
Using what you've learned about building and styling forms, you can now practice on your own!
Take 10 minutes to review the deliverable(s) below and, with a partner, discuss your approach for building the form. Be sure to consider CSS during your discussion. After you plan the build and design, work independently to complete the requirements.
BONUS If you finish early, continue working to make the form responsive.
On your own:
- Write HTML for the form.
- You will need to look up the
textarea
element. - Optional: Look up
fieldset
element.
- You will need to look up the
- Style the form with CSS. Focus on getting the form centered and the information in the right rows, and then add other styles if you have time.
Instructor note: Solution code here does not include responsive CSS.
There is no starter code for this lab, but you may find the following hex values helpful:
background: #98D2BF
borders: #dfdfdf
button: #B69843