CSS Introduction
CSS (Cascading Style Sheets) is used to style and layout web pages.
CSS Selectors
Selectors define which HTML elements the styles apply to.
p { color: red; }Box Model
Every element consists of margin, border, padding, and content.
Text & Fonts
Control typography using font-family, size, weight, and spacing.
Card Component
CSS Card
This is a simple reusable card component.
Flexbox
Flexbox helps you align items in one dimension (row or column).
1
2
3
CSS Grid
Grid is used for two-dimensional layouts.
A
B
C
D
Responsive Design
This box changes color on small screens.
Resize the window
Flexbox
Align items easily in one direction.
One
Two
Three
CSS Grid
Create complex 2D layouts.
A
B
C
D
Dark Mode (CSS only)
Mini Project – CSS Landing Card
Learn CSS
Modern layouts, animations and responsiveness.