Bird Watch Website 2.0

Introduction

Build upon your existing HTML/CSS skills to make a website and gain more control over how it looks.

What you will make

Here is an example of how your website might look after completing these Sushi Cards:

What you will learn

  • How to create your own colours using code
  • Ways to organise content on your website so that you can apply styles, and to make it friendly for screen readers
  • How to use CSS styling to create themes as well as style individual elements
  • Controlling the size of elements with different kinds of measurements
  • Making things happen when you hover over elements on your page
  • Animating elements of your website with CSS
  • How to use the developer tools to sneak a peek at the code of any website, and to test out parts of yours

What you will need

Hardware

Software

This project can be completed in a web browser using trinket.io.