I've been struggling to set a background color for the class="imgd", but I can't seem to make it work.
.portrait {
border: #C7C7C7 solid 1px;
}
.circular--square {
border-radius: 50%;
padding-right: 10%;
padding-bottom: 10%;
}
.imgd {
text-align: center;
border: solid px G7G7G7;
background-color: gggggg;
}<div class="lgcontainer">
<h1>Aristotle Onassis</h1>
<h2>1906 - 1975</h2>
<h3>One of the richest people in the 20th century</h3>
<div class="description">Aristotle Socrates Onassis (Aristotelis Onasis; 20th January 1906 - 15th March 1975), [1] commonly called Ari or Aristo Onassis, was a Greek-Argentine shipping magnate, who amassed the world's largest privately owned shipping fleet and was one of the world's richest...
<div class="portrait">
<img class="circular--square" src="https://upload.wikimedia.org/wikipedia/commons/4/46/Aristotle_Onassis.JPG" alt="Rich Boi">
<span class="imgd">The most well-known portrait of Onassis.</span>
</div>
<br>
<h4><strong>Here is a timeline of Onassis' Life</strong></h4>
</div>