Responsive content designMaking our teaching and learning content accessible in all devices: mobiles, tablets, computers

Image source: Microsoft Clipart

Image source: Microsoft Clipart

Mobile view: tables are stacked

Mobile view: promo box is repositioned

So, how to check your content is responsive?

Resize your browser to 1/3.

Content responds? Excellent!

Image source: Microsoft Clipart