This workshop will give a short introduction to styling (CSS), and contain assignments aimed at practising the fundametals of styling for modern websites.
You can find the presentation slides here
- Any modern web browser: Firefox, Chrome etc
- Any code editor: Intellij, Visual Studio Code etc
Exercise 1 - The cascade, selectors, and specificity
Exercise 2 - Sizing and the box model
Exercise 3 - Making it responsive with media queries
Bonus Exercise - Layout using grid
Bonus Exercise - Introduction to transform and transition
- ✏️ - A task you should do
- 📖 - A section of text to read (no tasks, just information).
- 💡 - Additional information.
- ❗ - Something important.
- ❓ - Open-ended question for the reader ("What do you think would happen if...")
- 💩 - Bad practice (don't-do-this)
- ⭐ - A bonus task (not required)