🏗️ Course

HTML & CSS

The basics of markup and styling web pages. Tags, nesting, sizing, Flexbox, responsive layouts built from Figma.

📹 11 lessons
🇬🇧 EN
🎯

💡 The homework for a lesson is on the lesson page itself (download button at the bottom).

📦 Module 1 — HTML & CSS basics 3–13
3
Most Common HTML Tags: ul, ol, li, button
4
How to Use CSS in HTML: Step-by-Step Guide
5
How Nesting Works in HTML and What Are width, height and background
6
How %, vw and vh Work in CSS
7
Flexbox and How display: flex, justify-content, align-items and flex-direction Work
8
Flexbox and How display: flex, flex-direction Work
9
Flexbox and Deep Nesting
10
Building a Header from Figma: max-width, Responsiveness
11
Figma: Connecting Fonts, Setting margin and Making It Responsive
12
Footer from Figma: SVG Icons, padding and Responsive Layout
13
Building a Section from Figma: SVG Icons, border, img and Responsive Layout