Let's get practical...

In conclusion...

Learning Resources

Learn CSS

https://css-tricks.com/css-basics-syntax-matters-syntax-doesnt/

https://flaviocopes.com/vscode/

https://htmldog.com/guides/css/intermediate/specificity/

Tasks & Assignments

Create a form where users can "adopt" their favourite animal. The form should include:

• ⁠A title for the form (e.g., "Adopt Your Favorite Animal").
• A text input field for the user's name.
• A dropdown menu to select an animal (e.g., dog, cat, rabbit, etc.).
• A text area for the user to write why they want to adopt the animal.
• A submit button to complete the form.

Style the Form with CSS: Use basic CSS to make the form visually appealing:

• Add a background colour to the form.
• Style the input fields and buttons.
• Add spacing and alignment for a clean layout.



You don't have to add functionality to the form.