Quest 2 of 10 · 🛒 · Free · No setup
Build a Store
Lay out a storefront, style the product grid, and wire a cart counter with JavaScript. Saved on this device; preview updates as you type.
- In-browser live preview
- Saved on this device
- Unlocks: Lists & product cards — <ul>, cards, and prices
Part of Web Dev Quests · Prefer prompts? Vibe Code Studio →
Step: HTML
Stock the shelves
Build a product list with cards.
Online stores show products in a grid. Each product is a card with a name, price, and action button.
Your quest
Add two more products and include a sale badge using <span class="badge">Sale</span> on one item.
Edit HTML
HTML
Live preview