HTML + CSS

Team directory

A semantic data table on wide screens, readable labeled cards on narrow screens.

Team members and their roles
Name	Department	Role	Location
Ava Patel	Design	Product designer	Toronto
Noah Williams	Engineering	Frontend developer	Melbourne
Mia Chen	Support	Customer specialist	Singapore
Leo Garcia	Engineering	Accessibility engineer	Austin

Resize the browser to see the layout change. The table keeps its header associations for assistive technology.