The Box Model

Padding, border, and margin look interchangeable in a diagram and nothing alike on a real page. Build all three and see which one moves what.

Exercise

Style two trail cards

Checks itself — try as often as you like

Give both .card boxes below the same treatment:

• padding: 20px;
• margin: 16px;
• border: 3px solid chocolate;