Interactive Playground
Edit HTML, CSS, and JavaScript in a friendly workspace. Save keeps your current project in this browser.
Level-up moment
Nexo says: Nice work. Your next quest is turning this button into a portfolio call-to-action.
First Debugger
CSS rules are styling the live page. Changing colors, spacing, borders, or layout values updates the preview immediately.
HTML elements are creating the page structure. Tags like section, div, headings, paragraphs, and buttons describe what appears on the website.
JavaScript is controlling behavior. Event code runs when the user clicks, types, or interacts with the page.
Layout code is arranging elements responsively, so the browser recalculates positions when the screen or CSS changes.
XP reward unlocked. Next mission: change the button text for a Myanmar student portfolio.