Assignment #2 - Dress up that CSS

[msteitle]

We're going to do some formatting and layout work on your page.

Instructions

Titles and sections

1. Wrap your page title and subtitle in a header tag for semantic (i.e. it has meaning in the context) organization.
2. Give your first section tag, which now contains a header tag and an img tag, a meaningful ID or class name to indicate its role, such as 'page-header'
3. Using css, capitalize the first letter of every word in your page title.
4. Add text shadow to make it stand out a bit.
5. Change the font to some kind of sans-serif font. (Feel free to do this for the entire document if you'd like)
6. Move your section title elements, in their respective section tags, into header tags to better organize them.
7. Add some bottom margin (whatever looks good to you) to every header tag to add space between the headings and the content.
8. Respectively, increase the font-size of your page title, section titles, and paragraph text.

Chrome developer tools

1. Chrome's developer toolbar is invaluable when working out the details of a page's layout and style. Please read about it here.

Layout

1. Inspect the body tag. When the elements tab in the dev tools opens, hover your mouse pointer over the body tag. Notice that there is an orange border around it. Using the dev tools, figure out what that orange border represents and, in your style sheet, get rid of it. We want to control the entire layout of the site ourselves.
2. Give each section on your page a max-width of 960px
3. The last thing we want to do is horizontally center each section on the page. Use this page at Css Tricks to figure out how

Guidelines

• Do not close the issue yourself.
• When you are finished, leave a comment on this issue telling me that you are ready for me to review your work.
• If you need help, leave a comment (question) for me on this issue.

Good luck!

[TheCatBomb10]

file:///Users/landonsteitle/projects/all-about-computer-games/index.html check this out!