styles.css

/* 
User Story #8: The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

User Story #9: The img element should be centered within its parent element. 

TIP: Copy all ID's into their css brackets first :)

*/

#main {
    margin: auto;
    width: 100%;
    background-color: #dddddd;
    border-radius: 10px;
    padding: 15px;
}

#title {
    text-align: center;
    font-weight: bold;
}

#img-div {
    width: 100%;
    background-color: white;
    margin: auto;
    padding: 30px;
}

#image {
    display: block;
    margin: auto;
    width: 50%;
    padding-bottom: 10px;
    max-width: 100%;
}

#img-caption {
 max-width: 100%;
}

#tribute-info {
    max-width: 600px;
    margin: auto;
}

ul {
    line-height: 40px;
    padding: 15px;
}

#tribute-link {

}

p, h3{
    text-align: center;
}

#quote {
    max-width: 600px;
    margin: auto;
    padding: 40px;
}