Tell us what’s happening:
// running tests
2. Your first paragraph element should have lorem ipsum text. Double check for spelling and punctuation errors.
// tests completed
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mr. Whiskers' Blog</title>
<meta charset="UTF-8" />
</head>
<body>
<header>
<h1>Welcome to Mr. Whiskers' Blog Page!</h1>
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#posts">Posts</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>About</h2>
<p>
Hi there! I'm Jane Doe, a passionate writer who finds endless inspiration in the antics of my beloved cat, Mr. Whiskers.
</p>
<p>
His playful nature and boundless energy keeps me on my toes. I love him so much.
</p>
</section>
<section id="posts">
<!-- User Editable Region -->
<article>
<h3>Mr. Whiskers' First Day Home</h3>
<!-- Remove or replace the first paragraph element -->
<p>This blog post is going to contain a couple of paragraphs with lorem ipsum text.
Lorem ,ipsum ,is commonly ,used in web ,development ,to serve as ,placeholder text. It is ,useful, when you want ,to focus, on building, out, the basic, structure of, your, web, pages and not have to, worry ,about the actual content, just yet.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam
quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae
quidem voluptatum quas. Quisquam quod, voluptates, quae, quos
quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.</p>
</article>
<!-- User Editable Region -->
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36 OPR/122.0.0.0
Challenge Information:
Build a Cat Blog Page - Step 15