Pick a template and build it phase by phase — HTML structure first, then CSS styling.
Tips pop up in the sidebar as you type each line. CSS lines have
💡 note buttons — click them to see what each
property does and how to change colours, sizes, and spacing to make it your own.
Green = correct. Red = fix it.
// templates
Websites
Python
How do you want to build this project?
📁
Multiple files
Separate index.html and style.css — the real-world way. Linked with a <link> tag.
recommended →
📄
Single file
Everything in one index.html — CSS goes inside a <style> tag in the <head>. Great for quick pages.