Tribute page...feedback (sizing issue)

The image only resizes down but won’t get larger (no upscaling)? Also, I can’t seem to get the caption next to the picture. I was trying to mimic Quincy’s page without looking at his code. -Kevin

https://s.codepen.io/kdk2k/debug/owBVdp/yYMyLDamvqvk

The link you provided has expired. So I really don’t know what you are trying to mimic.

How large do you want the image to become?

Thanks for the suggestion. I was trying to understand the binding of the caption. I checked out how Quincy did his and it was a little different as he used a class=“caption” which for some reason didn’t exactly work on my version but I’m close enough so I’ll push forward with the Portfolio Project.

Carry on. Happy coding :slightly_smiling_face:

Try this instead:

<figure>
    <img src='https://impossiblehq.com/wp-content/forum/uploads/2014/04/Screen-Shot-2014-05-15-at-7.42.13-AM.png' alt="Roger Bannister Breaking Tape on sub-4-minute mile" />
    <figcaption>Roger Bannister breaking four minute mile on 6 May 1954 at Oxford University's Iffley Road Track.</figcaption>
</figure>

One major thing, always close your tags.

I made a few changes that might help you out.
There was a lot of fragmented code, if you are using codpen then try clicking on the “tidy up” feature in the editor located on the top right of each individual editor.

Check out the changes I made and see what you think.
Hope this helps.

HTML:

<header class="text-center col-md-4 col-md-offset-4">
  <h1>Roger Bannister</h1>
  <blockquote style="background:white">
    <h4>"It's amazing that more people have climbed Mount Everest than have broken the 4-minute mile."</h4>
    <cite> &mdash; Roger Bannister</cite>
  </blockquote>
  <figure>
    <img src="https://impossiblehq.com/wp-content/forum/uploads/2014/04/Screen-Shot-2014-05-15-at-7.42.13-AM.png" alt="Roger Bannister Breaking Tape on sub-4-minute mile" style="border:5px solid white">
    <figcaption>
      Roger Bannister breaking 4min mile on 6 May 1954 at Oxford University's Iffley Road Track.</figcaption>
  </figure>
</header>

<div class="col-md-4 col-md-offset-4">
  <h3>Here's some key events in Roger Bannister's life:</h3>
  <ul>
    <li><b>1929</b> - Born in Harrow, England</li>
    <li><b>1952</b> - At Helsinki Olympics sets British record in 1500 meters (and finished fourth)</li>
    <li><b>1954</b> - May 6th - runs the first sub-four-minute mile at Iffley Road track in Oxford (<a href="https://www.youtube.com/watch?v=wTXoTnp_5sI" target="_blank">video</a>)</li>
    <li><b>1975</b> - is knighted</li>
    <li><b>1976-1983</b> - serves as President of the International Council for Sport and Physical Recreation</li>
    <li><b>2015</b> - Sells record setting shoes (for charitable trust) <a href="http://www.telegraph.co.uk/news/celebritynews/11857099/Sir-Roger-Bannisters-four-minute-mile-shoes-sell-for-266500-at-auction.html" target="_blank">story here</a></li>
  </ul>
  
  <h3>Some links with more information and videos</h3>
  <ul style="list-style-type: none">
    <li><a href="https://en.wikipedia.org/wiki/Roger_Bannister" target="_blank">Roger Bannister&mdash;Wikipedia</a></li>
    <li><a href="https://en.wikipedia.org/wiki/Four-minute_mile" target="_blank">The first to run sub-four-minute mile &mdash;Wikipedia</a></li>
    <li><a href="https://www.youtube.com/watch?v=wTXoTnp_5sI" target="_blank">HD full record race video</a></li>
    <li><a href="https://www.youtube.com/watch?v=jnT0OVXbV04" target="_blank">Video Interview of Roger Bannister on breaking 4 minutes</a></li>
  </ul>
</div>


<footer class="col-md-12" style="background:white">
  <h5 class="text-center">Designed and coded by 
      <a href="https://www.freecodecamp.com/kdk2kgithub" target="_blank">Kevin</a>
    </h5>
</footer>