CSS Intensive Examples

1. Cascade, Specificity, and Selectors

Normal paragraph.

This one has a class.

This one has an ID.

Normal link
Opens in new tab

2. Box Model + Visual Styling

Profile Card

This card uses margin, padding, borders, border-radius, background, and font styling.

3. Positioning Systems

Sticky Header
Outer Box
Absolutely Positioned
Scroll down to see the footer stay in place!

4. Flexbox

Box 1
Box 2
Box 3
Box 4

5. Grid

1
2
3
4
5
6

6. Responsive Design

Card A
Card B
Card C