Tell us what’s happening:
Tribute Page:
I am trying to add the initial steps for the img selector.
img{
display: block;
height: auto;
max-width: 100%;
(at first I used) align-items: center;
(but changed it to) text-align: center;
}
I only pass the height property portion. Everything else fails. What am I doing wrong? Please help.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styels.css">
<title id="title">Who is Lana Parilla?</title>
</head>
<main id="main">
<div id="img-div">
<img id="image" src="https://1drv.ms/i/c/6a2177345befcbd5/Eaqz1QYe7ZRFv0oVtvBu9PwB2eMKyZS0atVl_o2E7zAFSg?e=yD2sNv" alt="Lana Parilla smiling.">
<figcaption id="img-caption">Lana Parilla smiling in black and white.</figcaption>
</div>
<div>
<h1>Who is Lana Parilla?</h1>
<p id="tribute-info">Lana Parilla, born July 15th, 1977, is an amazing actor. I know her through her portrayal of "The Evil Queen" best, although she has conquered many different roles. See more <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Lana_Parrilla">here</a>.</p>
</div>
</main>
</html>
/* file: styles.css */
img{
display: block;
height: auto;
max-width: 100%;
text-align: center;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36
Challenge Information:
Tribute Page - Build a Tribute Page