I have lost my mind! I have rewritten my code 400,000 times. I have even gotten to the point where after googling and trying a million different things, I have gone through the provided website to see what I’m missing. No matter what I change, what I add, or what I remove, I cannot pass these. If I copy image code directly from the sample site, it passes, but as soon as I write my own, I instant fail on these.
-
Failed:Your
img
element should have adisplay
ofblock
. -
Failed:Your
#image
should have amax-width
of100%
. -
Failed:Your
#image
should be centered within its parent.
The instructions are so vague there is nothing to work from.
I have also stripped the code to the absolute minimal amount to pass all the things that I have so that I can better find the error and still no luck.
Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="stylesheets.css">
</head>
<body>
<main id="main">
<h1 id="title">Ada Lovelace</h1>
<p>Mother of Computers</p>
<figure id="img-div">
<img id="image" src="https://media.newyorker.com/photos/64123041652f9d9fe976fff0/master/w_2240,c_limit/ra1146.jpg" alt="Watercolour portrait of Ada King, Countess of Lovelace, c. 1840, possibly by Alfred Edward Chalon" />
<figcaption id="img-caption">
Watercolour portrait of Ada King, Countess of Lovelace, c. 1840, possibly by Alfred Edward Chalon
</figcaption>
</figure>
<section id="tribute-info">
<h3 id="headline">The 1s and 0s of Ada Lovelace</h3>
<ul>
<li>Born Agusta Ada Byron on 10 December 1815 in London, Egland. </li>
<li>She was the only legitamate child of the poet Lord Byron and Isabella Milbanke.</li>
<li>Her father abandoned his family a month after Ada's birth and died in Greece when she was 8.</li>
<li>Fearing her father's "insanity", Ada's mother nurtured her interests in logic and mathematics</li>
<li>In a letter to Lady Byron, De Morgan suggested that Ada's skill in mathematics might lead her to become "an original mathematical investigator, perhaps of first-rate eminence".</li>
<li>She married William King in 1835. King was made Earl of Lovelace in 1838, Ada thereby becoming Countess of Lovelace.</li>
<li>She was privately educated in mathematics and science by William Frend, William King, and Mary Somerville, the noted 19th-century researcher and scientific author.</li>
<li>During a nine-month period in 1842–43, Lovelace translated the Italian mathematician Luigi Menabrea's article on Babbage's newest proposed machine, the Analytical Engine.</li>
<li>Note G is a computer algorithm written by Ada Lovelace that was designed to calculate Bernoulli numbers using the hypothetical analytical engine. Note G is generally agreed to be the first algorithm specifically for a computer.</li>
<li>She wrote that "The Analytical Engine has no pretensions whatever to originate anything.</li>
<li>Lovelace recognized the difference between the details of the computing mechanism, as covered in an 1834 article on the Difference Engine, and the logical structure of the Analytical Engine, on which the article she was reviewing dwelt.</li>
<li>Lovelace died at the age of 36 on 27 November 1852, from uterine cancer.</li>
<li>The computer language Ada, created on behalf of the United States Department of Defense, was named after Lovelace.</li>
</ul>
<a href="https://en.wikipedia.org/wiki/Ada_Lovelace" id="tribute-link" target="_blank">Read more on Wikipedia</a>
</section>
</main>
</body>
</html>
/* file: styles.css */
img {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
#img-div {
background: #d8bfd8;
margin: 0;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Challenge Information:
Tribute Page - Build a Tribute Page