Never written a line of code? Perfect.
Lurndo assumes you know nothing yet. The first lesson starts with the question of what a tag is, and every new idea only comes once the previous one has sunk in.
There's nothing to install. You type real HTML and CSS in your browser, and the page next to it changes as you type.
Why Lurndo suits you
One thing at a time
Each lesson teaches you one new idea. First a short explanation with a page where the elements light up, then exercises that slowly get harder.
You see what your code does
Next to your code sits the page itself. Type a line of CSS and you see straight away which element changes.
An explanation for every mistake
A forgotten
;, a tag that never closes or a class with a capital letter? The check tells you where it goes wrong, in plain language.Mistakes are fine
Hints get more concrete step by step, and after a few tries you may look at the solution. A lesson never stops because you made a mistake.
Your first line of CSS
The prices of the ice cream parlour should stand out. Make everything with the class price bold.
/* Your CSS goes here. */<!DOCTYPE html><html lang="en"> <head> <title>Cold Comfort ice cream parlour</title> <link rel="stylesheet" href="basis.css"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <img src="hoorntje.svg" alt="A cone with pink ice cream" width="48" height="48"> <h1 class="logo">Cold Comfort</h1> <p class="slogan">Ice cream on the Brighton seafront</p> </header> <main> <h2>Our flavours</h2> <ul class="flavours"> <li>Vanilla</li> <li>Pistachio</li> <li>Strawberry</li> </ul> <p>One scoop costs <span class="price">£2.50</span>, two scoops <span class="price">£4.50</span>.</p> </main> </body></html>body { margin: 0; font-family: system-ui, sans-serif; background: #fff8f0; color: #3b2a1a;}header { padding: 24px 16px; background: #ffd6e0;}.logo { display: inline-block; margin: 8px 0 0; padding: 6px 18px; border-radius: 999px; background: #ffffff; font-size: 28px;}.slogan { margin: 8px 0 0;}main { padding: 8px 16px 24px;}How to start
The first three modules lay the foundations, and they're free. After that you build a site with flexbox, grid and media queries that fits every phone.
- 1First pageYour first client with a website: Cold Comfort, an ice cream parlour in Brighton. You learn what HTML is, write headings and paragraphs, nest elements, add emphasis, make links and put images on the page.
- 2First styleYour second client: the Snip & Curl hair salon in Leeds. You learn what CSS is, how to link a stylesheet, and you give the site colours, good-looking text, backgrounds and the right sizes.
- 3Structure and meaningYour third client: The Cosy Basket, an animal shelter in Rochdale. You make lists and tables, divide the page into blocks that say what they are, learn when a div fits, write valid HTML and build a menu for a site with several pages.
Stuck? Ask Lurnie
Lurnie is your AI coach in every lesson. Ask your question during or after an exercise and get an explanation at your level, straight away.
- During or after any exerciseLurnie knows which lesson and exercise you're on. Ask why something works, what a mistake means or how else you could do it.
- Fresh examples, never the solutionLurnie explains with an example on different data and helps you on with a question to think about. That way you find the solution yourself, and it sticks.
- Your conversations are keptRead back later what Lurnie explained. Your conversations stay with your account, course by course.
Lurnie comes with premium, with 30 questions a day.See premium
Why won't my link turn red? My rule is right there.
Most likely another rule wins. When two rules pick the same element, the more specific one wins: nav a beats a, even if a comes later in your file. Only when they're equal does the last one win.
So look for a selector that points at your link more precisely than yours. Which one do you find?
29 of 30 questions left todayLurnie can make mistakes.
Frequently asked questions
Do I need to know anything first?
No. You need to be able to type a little, nothing more. Everything is explained from scratch.
Do I need to install anything?
No. You write your code in the browser, and the page renders next to it. On a tablet or phone too.
Is it free?
The first three modules are free, without an account. In them you learn HTML, your first CSS and how to build a page with meaning.
Will I learn JavaScript too?
No, this course is about HTML and CSS. With those you can already build a whole site that looks good and fits every screen.
Ready to start?
You'll type your first line of code within a minute. No account, nothing to install.
Start free with the first lesson