Building my ‘About’ page:

For text on the site, I needed to create a CSS rule that applies over every page. When I was designing my site, I found that black was a very harsh colour for the text with the rest of the colour scheme, so instead I used a dark grey that’s #666666.

For readability I have used a 120% line height. The extra 20% allows for extra room to comfortably read.

p.intro {

As this rule applies to all text on the site, it styles the text on my About page.

The class’s .left/.right apply to floating an image either left or right in the editor. The image of the owl has a class that positions the image to the right of the text. And same would apply for positioning an image on the left if i wanted to. To apply the class to the image:

<img class=“right” src=“images/owl_about_page_transparent.png” alt=“Owl Cartoon Character” />

The class is placed in between the img and src tags.