Quest 5 of 10 · 🐶 · Free · No setup
Pet Adoption
Create a pet gallery with cards, style a responsive grid, and handle adopt clicks in JavaScript — all client-side.
- In-browser live preview
- Saved on this device
- Unlocks: CSS Grid — responsive card galleries
Part of Web Dev Quests · Prefer prompts? Vibe Code Studio →
Step: HTML
Meet the pets
Create a grid of adoption cards.
Each pet is an <article> with a name, description, and adopt button.
Your quest
Add two more pets with different emoji and personalities.
Edit HTML
HTML
Live preview