Fork Me! FCC: Test Suite Template

fork-me-fcc-test-suite-template.markdown

Fork Me! FCC: Test Suite Template

This is the first challenge from the Responsive Web Design module completed through Freecodecamp.com

A Pen by EG on CodePen.

License.

index.html

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<div id="main">
  <h1 id="title">Jackie Robinson</h1>     
<div>The athlete that broke the color barrier in sports</div>
<div id="img-div">
  <img id="image"
src="https://cdn.britannica.com/s:700x450/79/80379-004-CEE1BDC0.jpg" alt "pick from flickr">
    <div id="img-caption">
      On April 15, 1947, Jackie Robinson became the first black athlete to play in Major League Baseball (and any major American sport) when he played in a game for the Brooklyn Dodgers.
  </div>
</div>
<div id="tribute-info">
  <ul>
    <h3 id="headline">A timeline of Jackie Robinson's life:</h3>
    <li><strong>1919</strong> - Born in Cairo, Georgia</li>
    <li><strong>1920</strong> - Family moved to Passedena, CA</li>
    <li><strong>1937</strong> - Enrolled in Passedena Junior College</li>
    <li><strong>1939</strong> - Enrolled in UCLA</li>
    <li><strong>1941</strong> - Played professional football for the Honolulu Bears</li>
    <li><strong>1942</strong> - Drafted into Army</li>
    <li><strong>1944</strong> - Honorably discharged from Army</li>
    <li><strong>1945</strong> - Resumed baseball career with Negro League team Kansas City Monarchs</li>
    <li><strong>1946</strong> - Married Rachel Isum, a nursing student he while at UCLA</li>
    <li><strong>1947</strong> - Drafted to MLB team Brooklyn Dodgers</li>
    <li><strong>1949</strong> - Named Most Valuable Player for National League</li>
    <li><strong>1956</strong> - Retires from baseball after being drafted to the N.Y. Giants</li>
    <li><strong>1962</strong> - Inducted into Baseball Hall of Fame</li>
    <li><strong>1972</strong> - Passed away at 53 from a heart attack</li>
  </ul>
  <blockquote>
    <p>“To do what he did has got to be the most tremendous thing I’ve ever seen in sports.”</p>
    <div>-- Pee Wee Reese, Hall of Fame Dodger shortstop and teammate of Jackie Robinson</div>
    </blockqoute>
    <h3>Please feel free to read more about this great man who overcame major challenges to succeed against the odds in this <a id="tribute-link" 
href="https://www.britannica.com/biography/Jackie-Robinson"
                                                                                                       target="_blank">Britannica biography</a>.</h3>    
  </div>  
</div>

script.babel

// coded by @emusicmanager

const projectName = 'tribute-page';

style.css

html,body{
  font-family:"Trebuchet MS",Helvetica, sans-serif;
  text-align:center;
  min-width:260px;
  color:#0000FF;
}
#main{
  margin:30px auto;
  padding:15px;
  border:0px solid;
  border-radius:5px;
  background:#FFFFFF;
}
img{
  max-width: 100%; 
  display: block; 
  height: auto;
  margin: auto;
}
#img-div{
  margin:-5px;
  margin-top:20px;
  width:100%;
  border:5px blue;
  background:white;
}
#img-caption{
  margin:15px;
}
#headline{
  margin-top:50px;
  text-align:left;
}
ul{
  max-width:550px;
  margin:0 auto;
  text-align:left;
}
li{
  margin: 10px;
}
blockquote{
  font-style: italic;
}