Tell us what’s happening:
Describe your issue in detail here.
i cant pass test 5. its asking me to put an id=“img-caption” somewhere, but i dont undertsand where i need to put it because i’ve tried multiple places and it wont pass please help.
also its saying my img has to be relative for the layout test. cant pass that need help there too
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LEBRON TRIBUTE</title>
<link href="styles.css" rel="stylesheet">
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</head>
<body>
<div class="quote">
<p>“Don’t be afraid of failure. This is the way to succeed.” – LeBron James</p>
</div>
<header id="title">
<h1> THE CAREER TIMELINE OF LEBRON JAMES</h1>
</header>
<!-- make a box/div with career achievement/ timeline -->
<main id="main" class="main-content">
<div class='event-date'>
<div class="date">
<p>December 30th, 1984</p>
</div>
<div class="event-context" id="img-caption">
<p>Lebron james was born to Gloria when she was only 16 years old.
Lebron james father was not involed in his life </p>
</div>
<div id="img-caption" id="img-div" class="image-div">
<img class="photo" id="image" alt="baby photo of lebron" src="https://media.bleacherreport.com/w_800,h_533,c_fill/br-img-slides/003/456/928/YoungLeBron_crop_exact.jpg">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>september 6th, 1998</p>
</div>
<div class="event-context">
<p>james would always play basketball with his best friends so he went on to saint vincent saint mary high school in Akron, ohio </p>
</div>
<div class="image-div">
<img class="photo" alt="lebron james cover of si" src="https://www.si.com/.image/c_limit%2Ccs_srgb%2Cq_auto:good%2Cw_298/MTY4MjYzMjM5MzEzNzk0MzI1/lebron-james-coverjpg.jpg">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>june 25th, 2003</p>
</div>
<div class="event-context" id="tribute-info">
<p>Lebron James would be drafted number 1 overall in the 2003 draft to his hometown team Cleveland cavaliers. This draft was filled plenty of future hall of famers like Dwayne Wade, Chris Bosh and Carmelo Anthony </p>
</div>
<div class="image-div">
<img src="https://img.bleacherreport.net/img/article/media_slots/photos/002/814/230/65e449c233b3cf1c9ee5f9a1b5cbd27f_crop_exact.jpg?w=2975&h=2048&q=85" alt="lebron on draft night" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>june 1st, 2004</p>
</div>
<div class="event-context">
<p>James would go onto become the first player in Cavalier history to win rookie of the year. In this season he 20 points per game putting him in the company of all time greats like Michael Jordan and Oscar Robinson. </p>
</div>
<div class="image-div">
<img src="https://64.media.tumblr.com/tumblr_m42rdbQqpA1ruj0bpo1_1280.jpg" alt="lebron holding rookie of the year trophy" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>june, 2007</p>
</div>
<div class="event-context">
<p>lebron would go onto to carry his team all the way to the nba finals only to fall short to a tim duncan lead san antonio spurs </p>
</div>
<div class="image-div">
<img src="https://images2.minutemediacdn.com/image/upload/c_fill,w_720,ar_16:9,f_auto,q_auto,g_auto/shape/cover/sport/https-3A-2F-2Fairalamo-com-2Fwp-content-2Fuploads-2Fgetty-images-2F2017-2F07-2F74633044-850x560-b9142ed99e338b4b1adb320a6b81d237.jpg" alt="lebron james standing next to tim duncan" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>may 3rd, 2009</p>
</div>
<div class="event-context">
<p>lebron wins the nba mvp and would end up winning it the following year too </p>
</div>
<div class="image-div">
<img src="https://media.gettyimages.com/photos/lebron-james-of-the-cleveland-cavaliers-poses-for-a-portrait-prior-to-picture-id98801032?s=2048x2048" alt="lebron james holding up 2009 and 2010 mvp" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>july 10th, 2010</p>
</div>
<div class="event-context">
<p>lebron james takes his talents to south beach</p>
</div>
<div class="image-div">
<img src="https://pbs.twimg.com/media/Dhlf_c7U8AMYwXA?format=jpg&name=medium" alt="taking my talents to south beach" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>june 20th, 2012</p>
</div>
<div class="event-context">
<p>the miami heat go onto to win back to back nba championships in 2012-13</p>
</div>
<div class="image-div">
<img src="https://cdn.vox-cdn.com/thumbor/4UqYv9U8VpI9Q92BUQAH-9_CYmE=/0x0:4000x2667/1520x1013/filters:focal(0x0:4000x2667)/cdn.vox-cdn.com/uploads/chorus_image/image/15149579/170992723.0.jpg" alt="2013 miami heat nba team" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>july 10th, 2014</p>
</div>
<div class="event-context">
<p>lebron james decides to go back to his hometown and promises them a chamionship</p>
</div>
<div class="image-div">
<img src="https://www.si.com/.image/ar_4:3%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_1200/MTY4MjU2MjkwMDU5NTI4MDkz/lebron-james-cleveland-cavaliers-return.jpg" alt="lebron james im coming home in 2014" class="photo">
</div>
</div>
<div class='event-date'>
<div class="date">
<p>june 18th, 2016</p>
</div>
<div class="event-context">
<p>cavaliers win 2016 title over the golden state warriors after losing to them the previous year and coming back from a 3-1 deficit over them in 2016</p>
</div>
<div class="image-div">
<img src="https://www.mercurynews.com/wp-content/uploads/2016/08/20160628__LEBRON-BLOCK1.jpg?w=645&h=975" alt="lebron james block on iguodala" class="photo">
</div>
</div>
</main>
<footer class="footer">
<p class="quote">"you have to be able to accept failure to get better"</p>
<p>click here <a target="_blank" id="tribute-link" href="https://timepath.co/lebron-james">to read more about the career of lebron james</a> or click the icons below to checkout his social media pages or some career highlights</p>
<a id="twitter-link" href="https://twitter.com/KingJames?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" class="links"><ion-icon name="logo-twitter"></ion-icon></a>
<a id="instagram-link" href="https://www.instagram.com/kingjames/?hl=en" target="_blank" class="links"><ion-icon name="logo-instagram"></ion-icon></a>
<a id="youtube-link" href="https://www.youtube.com/watch?v=b117a8_jALE" target="_blank" class="links" ><ion-icon name="logo-youtube"></ion-icon></a>
</footer>
</body>
</html>
/* class elements */
.quote{
text-transform: uppercase;
font-style:italic;
text-align: center;
}
.event-date{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.event-date div{
padding: 10px;
}
.date{
text-transform: uppercase;
font-size: large;
font-family: Brush Script MT, Brush Script Std, cursive;
}
.footer{
text-align: center;
margin: 40px;
padding: 40px;
}
.links{
padding: 20px;
}
.empty-div{
width: 90px;
height: 90px;
}
.event-context{
text-align: center;
width: 700px;
font-size: larger;
text-transform: uppercase;
}
.photo {
max-width: 150px;
max-height: 150px;
}
.footer{
font-size: 20px;
}
/* tag elements */
h1{
text-align: center;
border-bottom: 1px #ccc solid;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15
Challenge: Build a Tribute Page
Link to the challenge: