What you’ll learn
- How to connect CSS to your HTML and target exactly the elements you want
- Colors, units, fonts and backgrounds that make a page look professional
- The box model, so spacing finally makes sense
- Flexbox and Grid, the two layout tools every modern site uses
- Responsive design that works on phones, tablets and desktops
- Hover effects, transitions and simple animations
- How to debug CSS when “nothing is working”
Who this course is for
- Anyone who finished the HTML course (or knows basic HTML)
- Designers who want their Figma designs to look the same in the browser
- Freelancers who edit WordPress, Shopify or Wix themes and want to fix styling issues themselves
Before you start
Do I need to know HTML first?
Yes, the basics. CSS styles HTML, so you need to know what headings, paragraphs, links and divs are. The free HTML course on this site covers everything you need.
How long does it take to learn CSS?
You can learn the essentials in three to four weeks doing one lesson a day. Getting really comfortable with layouts takes a few real projects.
Is CSS still worth learning with page builders and AI?
Yes. Page builders and AI tools write CSS for you, but when something looks wrong on a phone or a client asks for a small change, knowing CSS is what lets you fix it in minutes.
What will I build?
A fully responsive landing page with a header, hero section, feature cards, pricing and a footer, styled with Flexbox, Grid and media queries.
