A list of practical exercises to use as we learn CSS.
- Fork this repo to your own account, by clicking the
Fork
button in the top right. - Then clone your forked repo. Important: Make sure you clone your own repo, not this original repo.
- Make your changes, as the exercises demand.
- 01: CSS syntax
- 02: Selectors
- 03: Font Properties
- 04: Font styling
- 05: Colour and background properties
- 06: Mixing colours and background
- 06b: Extra background exercise
- 07: Visibility
- 08: Visibility exercise
- 09: Box Model
- 10: Boxercising
- 11: Inheritance
- 12: Weekend project: Page mockup
- 13: Generated content, counters, and lists
- 14: Generating content and counters
- 15: Table styles
- 16: Creating table-like layouts
- 17: Researching overflow
- 18: Working with overflow
- 19: Dimensions
- 20: Setting Dimensions
- 21: Building patterns with pseudo-elements
- 22: Layouts using positioning
- 23: Absolute positioning
- 24: Researching Floats and BFCs
- 25: Using floats
- 26: Researching Flexbox
- 27: Working with Flexbox
- 28: Researching Grid
- 29: Using Grid in a Portfolio theme
- 30: Custom Properties
- 31: Custom Properties practicals
- 32: Calc function
- 33: Calc function practicals
- 34: Transitions
- 35: Using transitions
- 36: Transforms
- 37: Using Transforms
- 38: Animations
- 39: Using animations
- 40: Shadows
- 41: Font face
- 42: All the small things
- 43: CSS Methodologies
- 44: Pattern thinking