CSS Zen Garden

This is my design for the CSS zen garden. I created a container that was 700px wide for the content. I then put all the navigation links in a fixed navigation menu to the right of the container.

I found the exercise incredibly useful and definitely improved my understanding of how CSS works in relation to the HTML.

I am happy with my design however I am aware that the background image is very busy and therefore makes the text slightly difficult to read. Changing the background image to something simpler is definitely something I should have considered in order to make the page more accessible. I also had a problem with fixing the navigation menu. As the screen size is increased/ decreased it moves further away/ closer to the container.

Overall I think I handled the task well and it definitely improved my understanding of how best to structure HTML and the use of the new HTML5 semantic tags.