Cuéntanos qué está pasando:
Mi elemento p que pongo debajo del card-container no me lo lee
ya he probado diez veces y no consigo dar con la solución, si alguien es tan amable de echarme un cable se lo agradecería
Tu código hasta el momento
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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">
<p>Review your selections and continue to checkout.</p>
<div class="btn-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>
</div>
</div>
<!-- User Editable Region -->
</body>
</html>
Información de tu navegador:
El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36 Avast/143.0.0.0
Información del Desafío:
Construir una Página de Librería. - Paso 18
