Tell us what’s happening:
Below the element with the class card-container, add a new p element with this text:
Your code so far
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>XYZ Bookstore Page</title>
</head>
<body>
<!-- User Editable Region -->
<h1>XYZ Bookstore</h1>
<p>Browse our collection of amazing books!</p>
<div class="card-container">
<div class="card" id="sally-adventure-book">
<h2>Sally's SciFi Adventure</h2>
<p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
<button class="btn">Buy Now</button>
</div>
<div class="card" id="dave-cooking-book">
<h2>Dave's Cooking Adventure</h2>
<p>This is the story of Dave as he learns to cook everything from pancakes to pasta, one recipe at a time.</p>
<button class="btn">Buy Now</button>
</div>
<p>Review your selections and continue to checkout.</p>
<div class="btn-container"></div>
<!-- User Editable Region -->
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0
Challenge Information:
Build a Bookstore Page - Step 18
strong text