Consistent Margin & Padding

Container with Padding (p-6)

The outer blue box has `p-6` for internal spacing.

This box has `p-4` (padding) and `m-4` (margin).

Notice the space around it (margin) and inside it (padding).

This box has `p-2` (padding) and `m-2` (margin).

A smaller, consistent spacing using Tailwind's scale.

This box has `p-4` (padding) but no explicit margin in this context.

Its spacing relative to siblings is determined by their margins.

List with Consistent Item Spacing

Item 1 (p-3, mb-2)
Item 2 (p-3, mb-2)
Item 3 (p-3, no mb as it's the last)