Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

I am not sure what I am doing wrong, but it keeps saying I should center the image within it’s parent element. How do I do that?

Your code so far

<!-- file: index.html -->
<!DOCTYPE HTML>
<html lang="en">
<meta charset="UTF-8">
<head><link rel="stylesheet" href="styles.css"><h1 id="title">Ari Lennox</h1><p>This is ARI</p></head>
<body>
<main id="main"><div id="img-div"><img id="image"></img><div id="img-caption">Picture of Ari Lennox</div>
<div id="tribute-info">Courtney Shanade Salter was born on March 26, 1991, in Washington, D.C. to Gloria Salter and Shane Salter and spent her formative years in the DMV area. She attended Wilson High School and Duke Ellington School of the Arts. Her stage name was influenced by Mary Lennox, a character in the film adaptation of The Secret Garden (1993).Ari Lennox began uploading her music on the internet in 2009. She released her debut mixtape, Five Finger Discount, and debut EP, Ariography, in 2013. In 2014, she independently released the single "Bound". On July 21, 2015, she was featured on Omen's album Elephant Eyes on the track "Sweat it Out". Later that year, her music was circulating around the Dreamville team, as J. Cole wanted her to work with him on some references for Rihanna.

On December 8, it was announced that she was signed to Dreamville Records. She made an appearance on the collaborative album Revenge of the Dreamers II, on the track "Backseat" with Cozz.On October 21, 2016, she released her debut EP titled Pho. Ari Lennox later appeared on J. Cole's song "Change", and performed as an opening act on the 4 Your Eyez Only Tour during 2017.<a id="tribute-link" href="www.tribute.co.za" target="_blank"></div><img src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.iheart.com%2Fartist%2Fari-lennox-879082%2F&psig=AOvVaw3QCQiezHYEpwzud0uJDOUx&ust=1697470936990000&source=images&cd=vfe&ved=0CBEQjRxqFwoTCJCrmpey-IEDFQAAAAAdAAAAABAE"</tribute-link></main>
</body>

/* file: styles.css */
img{display: block;max-width:100%; height:auto; text-align:center;}
.img-caption{text-align:center;}

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; DUB-LX1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Mobile Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

use the validator you have 19 errors
HTML Validator

1 Like
3

Hello @Anele2000 !

Once you add the image into

with the src attribute and its value ‘url’

the code will pass for you.

I tried it using an image, I knew would not be used by you for the step.

It should appear something like the following code.

<img id="image" src="https:Some url of your choice" alt="image description" >

It is important to remember to add the alt to help screen readers.

I hope this helps you.

Happy coding and keep up the good progress.

4

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