HTML & CSS
Building the structure and style of the modern web
Foundation
HTML Basics
HTML Elements
Every essential HTML tag — headings, paragraphs, links, images, lists, and the building blocks of web pages
Semantic HTML
Using meaningful tags for better accessibility, SEO, and cleaner code structure
Forms & Inputs
Building interactive forms — input types, validation, labels, accessibility, and real-world patterns
Tables & Media
HTML tables for data display, and embedding images, video, and audio
CSS Fundamentals
What is CSS?
Introduction to CSS — syntax, the cascade, how to add styles, and how CSS connects to HTML
Selectors & Specificity
Target HTML elements with CSS selectors and understand how specificity determines which styles win
The Box Model
Understanding content, padding, border, and margin — the foundation of all CSS layout
Layout
Display & Position
Controlling how elements are placed — display modes, positioning, z-index, and stacking
Flexbox
One-dimensional layout — aligning, distributing, and ordering elements with CSS Flexbox
CSS Grid
Two-dimensional layout — building page layouts, dashboards, and galleries with CSS Grid
Responsive Design
Mobile-first approach, media queries, relative units, and building websites that work on every screen
Styling
Typography & Colors
Font properties, Google Fonts, color formats, and building a professional type system
Backgrounds, Borders & Shadows
Background images, gradients, border-radius, box-shadow, and building modern UI components
Transitions & Animations
Smooth transitions, CSS transforms, and keyframe animations for interactive UI
CSS Variables & Utility Patterns
Custom properties, design tokens, dark mode, and reusable utility classes
Real World
Common Layouts
Build real-world UI layouts — navbars, hero sections, card grids, sidebars, and footers
Accessibility & SEO Basics
Making websites usable for everyone and discoverable by search engines
Debugging & Best Practices
Using DevTools effectively, common CSS bugs, naming conventions, and writing maintainable CSS
Interview Prep
Interview Prep: Junior Level
Essential HTML and CSS interview questions for freshers and junior developers — fundamentals, markup, and basic styling
Interview Prep: Mid Level
HTML and CSS interview questions for 2-4 year experience — layouts, positioning, advanced selectors, and responsive techniques
Interview Prep: Senior Level
Advanced HTML and CSS interview questions for 4+ year experience — performance, architecture, stacking contexts, and modern features