Plant a tree Andrew Atkins

Ash

Teak

Kauri

Ironwood

Norway Spruce

Silver Birch

Part 4: Responsive Images & Thumbnails

Responsive Images (img-fluid)

Thumbnails

Part 5: Tree Data Table

6 Letters, Trees, Rivers, and Parks
Letter	Tree	River	Park
A	Ash	Amazon	Acadia
T	Teak	Thames	Teton
K	Kauri	Kenai	Katmai
I	Ironwood	Indus	Isle Royale
N	Norway Spruce	Nile	North Cascades
S	Silver Birch	Seine	Sequoia

Part 6: Button Groups

Part 7: Navigation Dropdown

Analysis of Breakpoints

Which row breaks first? The Tree Names row (using col-md) breaks first.

Explanation: In Bootstrap's grid system, md (medium) triggers the vertical stack at 768px, whereas sm (small) waits until the screen is narrower than 576px. Because 768 is larger than 576, the tree names will collapse into a vertical stack while the letters are still sitting side-by-side in a horizontal row.