Help With Tribute Page-Thumbnail

1

Hi All,

I need help with the thumbnail on my tribute page. Could someone tell me how to get rid of the excess white space around the picture please?

Thank you

2

Remove the Bootstrap classes is one way.

 <h2 class="text-center"><em>Animation Pioneer</em></h2>
   <div class="not-needed">
 <img class="center" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Walt_Disney_1946.JPG/220px-Walt_Disney_1946.JPG">
3 
<div class="container">
  <div class="jumbotron">
        <h1 class="text-center">Walt Disney</h1>
    <h2 class="text-center"><em>Animation Pioneer</em></h2>
   <div class="img-thumbnail">
 <img class=" img-fluid center" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Walt_Disney_1946.JPG/220px-Walt_Disney_1946.JPG">
          <div class="caption text-center">Walt Disney 1946</div></div>
        <h3 class="text-center">His Life and Legacy</h3>
 <ul>
   <li><strong>1906:</strong> Walt Disney was born in Chicago, Illinois to Elias and Flora Disney. 
   <li><strong>1921:</strong> He establishes "Laugh-O-Gram Studios" and Produces <em>Alice's Adventures in Wonderland.</em> The series of shorts combined live-action along with animation</li> 
   <li><strong>1923:</strong> Walt Disney moves to Hollywood. Along with his brother Roy, they establish Disney Brothers Studios-which later became<dt>The Walt Disney Company.</dt></li> 
   <li><strong>1925:</strong> Disney marries Liilian Bounds, the two remain married for 45 years.</li>
   <li><strong>1927:</strong> He creates the character "Oswald the Lucky Rabbit." The shorts are distributed through Universal, however Disney loses the rights to the character.</li>
   <li><strong>1928:</strong> Mickey Mouse first makes an appearance in the short <em>Steamboat Willie.</em> This is the first animated short to be synchronized with sound.</li>
   <li><strong>1939:</strong> Disney's first full-lenth animated feature, <em>Snow White and the Seven Dwarfs</em>,premires. The film will go on to gross $418 million dollars and won an Academy Award.</li>
   <li><strong>1951</strong>Cinderella Premires.</li>
   <li><strong>1955</strong>Walt Disney's theme park, <em>Disneyland</em> opens and is a huge success.</li>
   <li><strong>1955:</strong>Disney's television series,<em>The Mickey Mouse Club</em> premires on ABC.</li>
   <li><strong>1964:</strong> The film <em>Mary Poppins</em> was released and became a hit. The film went on to receive thirteen Academy Award nominations.</li>
     <li><strong>1967:</strong> The film <em>The Jungle Book</em> is released. This is the final film Disney produced.</li>
   <li><strong>1968:</strong> Disney dies of lung cancer, 10 days after his 65th birthday.</li>
    </ul>
    <blockquote class="tribute quote text-center">"All our dreams can come true if we have the courage to produce them."<footer class="text-center"><cite>-Walt Disney</cite></footer></blockquote>
      <footer>
        <h5 class="text-center">Visit <a href="https://en.wikipedia.org/wiki/Walt_Disney"target="_blank">here</a> to learn more about Disney</h5>
    </footer>
      </div>
  </div>
</div>
<footer><div class="text-center"><h3>This page was created by <a href="https://github.com/cvillegas11"  target="_blank"> Ceciley Villegas</a></h3></div></footer>
1 Like
4

CSS :slight_smile:

body{
  margin-top: 60px;
  background-color:  #99ccff
;
}

img.center {
    display: block;
    margin: 0 auto;
}

.img-thumbnail{
  background-color:#ECEEEF;
}
1 Like
5

May I suggest you read this article about accessibility: https://www.w3.org/TR/WCAG10/
Specifically point 13.1 Clearly identify the target of each link.