HTML & CSS exercises

In this repository, you'll find a handful of exercises to help you learn and practice key front-end concepts, mostly related to using CSS to style HTML documents.

Read through this short guide to get started.

How to use this repository

Start off by creating a copy of this repository.

1. Click the Code button at the top of the repository page.
2. You can then clone the repository locally using Git, or you can simply download the source code as a ZIP file.

Alternatively, as long as you are logged in with your GitHub account, you can create a codespace and work within your browser.

1. Click Code, then open the Codespaces tab
2. Click Create codespace on main. This will open VS Code within your browser.
   • Any work you do will be saved within the codespace, which is associated with your GitHub account.

How to read Markdown guidance files (like this one)

You are currently reading a file called README.md. All files in this repository ending with .md are Markdown files. They all contain useful information and guidance about the exercises.

To view the rendered Markdown rather than the raw file contents, you can open the files from GitHub web interface. Alternatively, if you wish to view the files from within VS Code, you can right-click them, then click "Open preview":

How to approach the exercises

Each exercise is contained within a separate folder.

Each exercise folder contains a file called README.md, which you should read through before starting each task. This is where you'll find out what the final product should look like.

You can then edit the index.html and your-styles.css files to complete each task.