Ever looked at a nice website and wondered if you could make your own? Wonder no longer!
A tiny bookshop demo built with only HTML & CSS from this course. Semantic HTML, flex/grid, responsive, variables, forms & transitions. View source to see how. (This is NOT an actual business!)
Spoiler alert: it's literally just files on someone else's computer.
Hello World but HTMLified. Boilerplate, tags, headings & paragraphs.
Why is my image a broken icon? <a>, <img> & the ../ maze.
Div soup. Lists, tables, and tags that actually mean something.
The two most boring tags that run the internet. Block vs. inline, id vs. class.
Why is nothing changing? Oh, specificity. Selectors, cascade & instant gratification.
Everything is a rectangle.
You've heard the joke, but what does it mean?
Why can't I set width on this span? block / inline / none / flex preview.
The reason we stopped using floats.
Spreadsheets, but good. Columns, rows, areas & the flex-vs-grid flowchart.
How to put things on top of other things without regret. z-index demystified.
Your site on your phone should not be a war crime. Media queries & clamp().
Pick two fonts. Not five. Hierarchy with size / weight / spacing.
Why your pretty color looks muddy. hex/hsl, gradients, shadows & variables.
The browser gives you 80% of validation for free. :hover, :focus, ::before.
Motion for polish, not nausea. transform, transition & keyframes.
You can stop following tutorials now. Ship a page. Send the link.
Found a bug or typo? Open DevTools, edit locally, and send a PR. That's literally lesson 0.