Tribute Page - Build a Tribute Page

HTML-CSS
1

4 things that i cant get right.
if u guys could help me but with an explanation as to why so i can also fully understand it.
Thank you guys!

  • Your #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main .
  • You should have a figcaption or div element with an id of img-caption
  • Your #img-caption should be a descendant of #img-div .
  • Your #img-caption should not be empty.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="styles.css">
<head></head>
 <meta charset="UTF-8"/>
</head> 
<body>
  <main id="main">
  <h1 id="title">Cristiano Ronaldo</h1>
   <div id="img-div">
    <div id="image-caption">Cristiano Ronaldo toen in Manchester United.</div>
     <img id="image" src="https://assets.manutd.com/AssetPicker/images/0/0/10/126/687707/Legends-Profile_Cristiano-Ronaldo1523460877263.jpg"></img>
     <p id="tribute-info">Cristiano Ronaldo dos Santos Aveiro is een Portugese voetballer die bij voorkeur als linksbuiten speelt. Hij wordt beschouwd als een van de beste spelers aller tijden en staat sinds december 2022 onder contract bij het Saoedische Al-Nassr. Tot 2013 was hij de duurste voetballer aller tijden.<p>
       <a id="tribute-link" href="https://nl.wikipedia.org/wiki/Cristiano_Ronaldo" target="_blank">klik hier voor meer info!</a>
      </main>
</body> 
</html>




/* file: styles.css */
#image {
width: 100%;
height: auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
body{
  background-color: red;
  font-family: monospace, italian;
  font-color: white;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Hello!

There are some errors that you may wish to address in the basic template.

https://validator.w3.org/nu/#textarea

The above validator can help with both html and css verification for errors.

Hope this helps you some with the initial set up.

Keep up the good progress.

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.