I redesigned the presentation of the PDF learning guides resources intended for new Melbourne Online students in Module 3: Eight strategies for learning online in the Melbourne Online Orientation Canvas site.
I designed a special responsive element for presentation of the eight PDF guides across different pages, depending upon the screen width of the user's device.
By iterating to discover the optimal settings for the 'flex' property, I was able to achieve desired horizontal or vertical presentation for the image of the guide, the value proposition text, and the download button.
Wide screen horizontal presentation
Narrow screen vertical presentation