PLEASE help me I have been trying for the past hour to figure this out and it’s driving me crazy. The only three things that refuse to work properly are
Your img element should have a display of block
Your #image should have a max-width of 100%
Your #image should be centered within its parent.
WHAT AM I DOING WRONG!!?? )':
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<head>
<html lang="en">
<meta charset="UTF-8" />
</head>
<main id="main">
<h1 id="title">Ruth Bader Ginsburg</h1>
<figure id="img-div">
<img id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/76/Ruth_Bader_Ginsburg_2016_portrait.jpg/330px-Ruth_Bader_Ginsburg_2016_portrait.jpg" alt="Ruth Bader Ginsburg Official Portrait">
<figcaption id="img-caption">
2016 Portrait of the
Associate Justice of the Supreme Court of the United States
</figcaption>
</figure>
<section id="tribute-info">
<h3 id="headline">Here's a time line of Ruth's life:</h3>
<ul>
<li><strong>1933</strong> - Born in Brooklyn, New York</li>
<li>
<strong>1954</strong> - Graduated from Cornell with a Bachelor of Arts degree in government
</li>
<li>
<strong>1959</strong> - Earned her law degree at Columbia
</li>
<li>
<strong>1960</strong> - Supreme Court Justice Felix Frankfurter rejected Ginsburg for a clerkship because of her gender, despite strong recommendations
</li>
<li>
<strong>1963</strong> - Became a professor at Rutgers Law School
</li>
<li>
<strong>1970</strong> - Co-founded the Women's Rights Law Reporter
</li>
<li>
<strong>1972</strong> - Co-founded the Women's Rights Project at the American Civil Liberties Union
</li>
<li>
<strong>1980</strong> - Nominated by President Carter to a seat on the DC Circuit
</li>
<li>
<strong>1993</strong> - President Bill Clinton nominated Ginsburg as an associate justice of the Supreme Court
</li>
<li>
<strong>1996</strong> - Authored the opinion in United States v. Virginia which struck down the Virginia Military Institute's male-only admissions policy as violating the Equal Protection Clause of the Fourteenth Amendment
</li>
<li>
<strong>1997</strong> - Wrote the majority opinion in Strate v. A-1 Contractors against tribal jurisdiction over tribal-owned land in a reservation
</li>
<li>
<strong>1999</strong> - Wrote the majority opinion in Olmstead v. L.C., in which the Court ruled that mental illness is a form of disability covered under the Americans with Disabilities Act of 1990
</li>
<li>
<strong>2000</strong> - Wrote the majority opinion in Friends of the Earth, Inc. v. Laidlaw Environmental Services, Inc., in which the Court held that residents have standing to seek fines for an industrial polluter that affected their interests and that is able to continue doing so
</li>
<li>
<strong>2006</strong> - The retirement of Justice Sandra Day O'Connor in 2006 left Ginsburg as the only woman on the Court
</li>
<li>
<strong>2020</strong> - Ginsburg died from complications of pancreatic cancer
</ul>
<blockquote cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm">
<p>
"She became the leading (and very successful) litigator on behalf of women's rights—the Thurgood Marshall of that cause, so to speak."
</p>
<cite>-- Former solicitor general Erwin Griswold</cite>
</blockquote>
<h3>
If you have time, you should read more about this incredible human
being on her
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Ruth_Bader_Ginsburg" target="_blank">Wikipedia entry</a>.
</h3>
</section>
</main>
/* file: styles.css */
img {
display: block;
}
#image {
max-width: 100%;
height: auto;
margin: 0 auto;
align-items: center;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: