This document discusses responsive content design and how to check if content is responsive. It recommends resizing the browser window to 1/3 its original size to see if the content adapts appropriately for mobile views, with tables stacking and promo boxes repositioning. If the content responds well during resizing, it is considered responsive design.

1. Responsive content design
Making our teaching and learning content accessible in all devices:
mobiles, tablets, computers
Image source: Microsoft Clipart
Image source: Microsoft Clipart

7. Mobile view: tables are stacked

8. Mobile view: promo box is
repositioned

9. So, how to check your content is
responsive?
Resize your browser to 1/3.
Content responds?
Excellent!
Image source: Microsoft Clipart

10. So, how to check your content is
responsive?
Resize your browser to 1/3.
Content responds?
Excellent!
Image source: Microsoft Clipart