Tell us what’s happening:
I can’t seem to pass these steps
Any assistance
Your code so far
<!-- file: index.html -->
<!DOCTYPE>
<html lan="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="newspaper">
<h1 class="name">Daily Chuckles</h1>
<time class="date">July 5, 2024</time>
<h2 class"headline">Breaking: Grandma Edna Saves Earth</h2>
<h3 class="sub-headline">Alien Invasion Foiled by Tech-Savvy Grandma's Wi-Fi Password</h3>
<h4 class="author"><strong>By Jane Doe</strong></h4>
<p class="text">
In an extraordinary twist of fate, Grandma Edna found herself at the forefront of a potential crisis when her clever Wi-Fi security measures unexpectedly thwarted an alien invasion. As alien spacecraft descended upon the town, panic spread until Grandma Edna calmly intervened, resetting her router with a cryptic passphrase known only to her.
</p>
<p class="text">The aliens, encountering unforeseen technological barriers, struggled to breach Grandma Edna's fortified network. Frustrated and bewildered, they eventually retreated to reassess their invasion strategy, leaving residents both relieved and amazed at Grandma Edna's resourcefulness.<p>
</div>
</body>
</html>
/* file: styles.css */
h1{
text-align:center;
}
div{
display:flex;
}
.newspaper{
font-size:16px;
font-family:'Open Sans', sans-serif;
}
html{
font-size:24px;
}
.name{
font-size:2rem;
font-family:'Times New Roman', serif;
text-transform:uppercase;
}
.author{
text-transform:uppercase;
font-weight:bold;
}
.headline{
font-size:2em;
font-weight:bold;
}
.sub-headline {
font-weight:100;
font-size:1.5em;
font-style:italic;
}
.text{
line-height:2em;
text-indent:20px;
}
.text::first-letter{
line-height:2;
font-weight:bold;
font-size:2em;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Challenge Information:
Build a Newspaper Article - Build a Newspaper Article