HTML & CSS
Structure and style every web page. Semantic HTML, the box model, Flexbox, Grid, responsive design, animations, accessibility, and building real UI from scratch.
BeginnerTopics 1–12
- ·What is HTML?
- ·Document Structure
- ·Text Elements
- ·Links and Images
- ·Lists
- ·Tables
- ·Forms
- ·Semantic HTML
- ·What is CSS?
- ·The Box Model
- ·Typography
- ·Colours and Backgrounds
Start Beginner →
IntermediateTopics 13–24
- ·CSS Selectors Deep Dive
- ·Flexbox
- ·CSS Grid
- ·Positioning
- ·CSS Variables
- ·Transitions and Animations
- ·Pseudo-classes and Pseudo-elements
- ·CSS Units
- ·Media Queries
- ·HTML Forms Advanced
- ·Specificity and the Cascade
- ·CSS Reset and Normalise
Start Intermediate →
AdvancedTopics 25–35
- ·CSS Architecture
- ·CSS Custom Properties Advanced
- ·Advanced Grid Layouts
- ·CSS Transforms and 3D
- ·CSS Scroll
- ·CSS Filters and Blend Modes
- ·SVG in HTML and CSS
- ·Web Fonts
- ·CSS Containment and Performance
- ·HTML5 APIs
- ·Shadow DOM and Web Components
Start Advanced →
Responsive & AccessibleTopics 36–45
- ·Responsive Design Principles
- ·Responsive Images
- ·Flexbox for Responsive Layouts
- ·CSS Grid Responsive Patterns
- ·Touch and Mobile CSS
- ·Accessibility Fundamentals
- ·ARIA Labels and Roles
- ·Focus Management
- ·Colour Contrast and Visual Accessibility
- ·Performance and Core Web Vitals
Start Responsive & Accessible →