Tell us what’s happening:
Estuve intentando por alrededor de 1 hora pero no lo podía lograr. Luego leí un poco sobre el método socrático mientras buscaba la respuesta. Y entonces sucedió! Se me encendió la bombilla!
Estuve pensando en como lo estaba planteando y me dí cuenta que no debía tratar de seguir las indicaciones tan estrictamente y que a veces “debajo” no significa estrictamente DEBAJO, porque puede ser ….”un poco más abajo o también abajo del todo ;)”
Otra manera de ver la solución es mirar el sentido de la págnia, es decir, el órden en que van apareciendo los elementos, usualmente el sentido de “group your navigation buttons” me pareció que estaría al final del todo.
Grácias Sócrates!
Your code so far
<!-- 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>
</div>
<!-- User Editable Region -->
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.0.0
Challenge Information:
Build a Bookstore Page - Step 15
https://www.freecodecamp.org/learn/full-stack-developer/workshop-bookstore-page/step-15