Extra Credit (Copy 1) | Extra Credit (Copy 2) | Extra Credit (Copy 3) | Extra Credit (Copy 4) |
Copy 1 is the original code. The width of the main content section on Copy 1 is 490px (the total width of container is 780px, minus 250px for the sidebar (margin on #header) and minus 20px padding on either side of the content, or 40px. Thus, 780-250-40=490).
Copy 2 is the same code with the width of the main content section changed to 450px (which I accomplished by adding an additional 20px of padding to either side of the div).
Copy 3 changes the sidebar width to 300px and the width of the main content section to 80%. The margin was removed from the main content div so that the text inside the div wraps under the sidebar (which is only as long as its content).
Copy 4 is the same as Copy 3, but with red italic text and a light orange background on the header and footer.