Tell us what’s happening:
I can’t seem to figure out what I’m missing. I keep getting an error of the img needs display of block, max width needs set to 100% and the image needs set to centered. Can someone please help guide me to what I am missing on this? If I remove the period before img in my style.css, same error, if I change it to # its the same error. Thank you.
Your code so far
<!-- file: index.html -->
<!DOCTYPE HTML>
<html lang="eng">
<head>
<link rel="stylesheet" href="style.css"
</head>
</html>
<main id="main">
<h1 id="title">Hugh Laurie</h1>
<div id="img-div">
<figure id="img-div">
<img id="image" src="https://th.bing.com/th/id/OIP.WKh8rnLiPpJ2tVN1pBBS_gAAAA?rs=1&pid=ImgDetMain"></img>
</figure>
<div id="img-caption">Hugh Laurie at an award ceremony. </div>
</div>
<div id="tribute-info">He is a man of many talents. He is an actor, along with being a well known musician.
</div>
<footer>
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Hugh_Laurie" target="_blank"> For more info Click Here.</a>
</footer>
</main>
/* file: styles.css */
.img {display: block;
max-width: 100%;
height: auto;
align-items: center;}
Your browser information:
User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:132.0) Gecko/20100101 Firefox/132.0
Challenge Information:
Tribute Page - Build a Tribute Page