Hello! I’m failing with one test:
22. .cover-image should have a grid-area of cover-image
And I cant figure-out what is the problem.
What I could see I’ve done it correct way, but cant pass.
My code so far:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Newspaper Layout</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<main class="newspaper-layout">
<header class="title">
<h1>Darkness Beneath the Cross: The Inquisition and Its Mark on History</h1>
</header>
<article class="feature-article">
<h2>Roots of Faith and Fear</h2>
<p>The Inquisition emerged in the 13th century as an instrument of the Catholic Church to combat heresy. Its original purpose was to “purify” the faith and preserve the unity of the Christian world. Over time, however, the movement turned into a powerful system of control, where religious zeal blended with politics and personal gain.
Hundreds of people were interrogated, tortured, and executed—often based on suspicion or denunciation without real proof.</p>
</article>
<article class="secondary-article">
<h2>A Court Without Justice</h2>
<p>Inquisitorial trials rarely resembled fair proceedings. The accused were denied the names of their accusers, and confessions were often extracted under torture. Burnings at the stake became a terrifying symbol of “divine judgment.”
The Spanish and Roman Inquisitions gained particular notoriety, extending their reach beyond religion to science—Galileo’s trial being a tragic example.</p>
</article>
<figure class="cover-image">
<img src="https://www.meisterdrucke.us/kunstwerke/1260px/Unknown_artist_-_Emblem_of_the_Spanish_Inquisition_cross_olive_branch_and_sword_17th_century_-_%28MeisterDrucke-1025322%29.jpg" alt="Spanish Inquisition cross">
</figure>
<article class="small-article1">
<h3>The Witch Hunts</h3>
<p>Women were more often accused of witchcraft—sometimes for their knowledge of herbs, midwifery, or simply for standing out. Fear and superstition turned entire communities against them, leaving behind a legacy of cruelty cloaked in faith.</p>
</article>
<article class="small-article2">
<h3>Echoes Through the Centuries</h3>
<p>Though the Inquisition formally ended centuries ago, its shadow lingers in history. It remains a stark reminder of how blind devotion and fear can silence truth and destroy lives.</p>
</article>
<article class="small-article3">
<h3>Faith, Power, and Control</h3>
<p>The story of the Inquisition is not just about religion—it’s about human nature, authority, and the dangerous line between belief and oppression.</p>
</article>
</main>
</body>
</html>
CSS:
.cover-image img {
max-width: 100%;
}
.cover-image {
padding: 8vw 3vw;
background-color: lightgray;
}
.newspaper-layout {
grid-template-columns: repeat(3,1fr);
grid-template-rows: auto repeat(3, 1fr);
display: grid;
gap: 2vw;
grid-template-areas:
"title title title"
"feature-article feature-article cover-image"
"secondary-article secondary-article cover-image"
"small-article1 small-article2 small-article3";
}
.title {
grid-area: title;
text-align: center;
}
.feature-article {
grid-area: feature-article;
}
.secondary-article {
grid-area: secondary-article;
}
.cover-image {
grid-area: cover-image;
}
.small-article1 {
grid-area: small-article1;
}
.small-article2 {
grid-area: small-article2;
}
.small-article3 {
grid-area: small-article3;
}
