Week 7

Welcome to Week 7! First you will notice that I've included a new destination to my navigation bar: news. I did this to illustrate how to make effective use of <section> and <article> tags.

After including those, it was time to change the styling. That's when I realized I needed to start moving my CSS into different chapters, which we have been using to structure our main.css for a few weeks now. I put all my navigation bar styling into the HEADER chapter and I put the styling for both sections and articles into the CONTENT chapter because they are only used on a single document and I shouldn't have to scroll through that stuff when I'm adjusting the style of the overall website.

In addition, I experimented with floating images, adding borders and radiusing them, and getting borders to blend in with backgrounds so that I could make section headers look like they were part of the border instead of a separate element. Because this took a lot of work involving a number of CSS properties, I made sure to add extensive comments so that it would be easy for me to see later why I made each choice. This also serves as a reminder in case I forget how specific properties work.