[!] [=title "Week 4 Homework"] [=content-]

This homework is more focused on creativity and problem-solving than the previous ones. Don't be afraid to contact me if you get stuck.

Previous homeworks required you to use specific techniques; this homework will largely require you to figure out technique for yourself. You won't have to teach yourself any new patterns to get full credit, but you may be able to get a better result by doing so - I will not deduct points for using the "wrong" methods if the end result is good.

This assignment expects you to have a few pages on your website to style - just create new ones and fill them with Lorem Ipsum text if you don't want to mess up the old ones.

## Part 1: Universal Stylesheet

If you don't already have a universal stylesheet from Homework 3 Extra Credit, do that now. Set up a stylesheet shared between every page on your website. By "shared" I mean that you should only have to edit a single CSS file to change the behavior of every page of your site - you'll have to use a `link` tag. Universal stylesheet

## Part 2: Layout

Create a new page on your website, and use whatever technique you can think of to set up a layout with reasonable empty space on both sides of the main content to make reading easier. (Hint: use Lorem Ipsum text to demo it). Think of the structure of this page as the "ideal" result - we haven't yet covered enough CSS to replicate it, but it's a good example of a page with a central reading column. Readable layout

## Part 3: Header

Design a header with a centered horizontal list of evenly spaced links. Ensure the header shows up correctly on at least a few pages on your website. Headers can be pretty diverse - you can be as creative as you want, but the end result should generally be a horizontal strip of color, with appropriate padding, containing a bunch of normal links.

This is a decent minimal example:

Remember that this "header" is actually content, so it should go in the `body`, but should be above everything else. It should be easy to tell that it's a header and not just part of your main body.

Header at the top of the page Header links are centered Header links have space between them

## Self Study: Flexbox

One of the really cool things you can do with CSS is called flexbox. Flexboxes are single-dimensions (e.g. up/down OR left/right, not both) containers that force each element within them into its own "cell", which will be resized based on a set of extremely configurable rules. Flexbox is ridiculously powerful, but also quite complicated. I recommend reading about it on Mozilla's web development docs.

## Extra Credit

If you can figure out how to add a single background image that covers the entire page (without stretching nastily), I'll add 2 points to your homework 4 grade.

## Submission

To submit homework 4 (before midnight on February 6th), email me the link to the appropriate page on your website.

[/] [#template.html]