Week 6 - In-Class Bibliography Assigment

This is the bibliography that I created with HTML and CSS that was meant to be done in-class with the sources already provided by Professor Mata. I will post Project 3, in which I recreate this with my own sources and change the CSS soon once I have completed it. Below are screenshots of my HTML, CSS, and how the bibliography looks once loaded into the web browser.

I apologize that the text may be individually difficult to read, because my monitor's resolution is 1440px by 900px, so I had to reduce the size of the entire browser window, which shrunk everything else accordingly.

I decided to use Georgia as my font. It was difficult getting the top and bottom of the container's padding to look equal with the padding on the left and right of the container. At one point I was able to achieve it, but it required me to change the padding and margin in the h1 and h2 elements. I tried to only alternate the size, weight, and lettercase. I might have been allowed to, but unfortunately, because I missed class when we went over this assignment, I was unsure and decided to not change the margins or headings to be on the safe side.

I changed the h1 element to uppercase, keeping the font-weight as normal, and change the size to 45px.

I changed the h2 element to small-caps via font-variant, the font-weight to 600 so it would appear bold, and the font-size to 25px.

Looking back at it, I think I may have been able to change the line-height of the headings, which might have visually balanced the margins and paddings better.

I decided to go with a mint green background, because I thought it was a fairly soft and pleasant color that contrasted the black text well.