This is a Responsive Banner prototype rendered via HTML5 and CSS3.
The content reconfigures based on the available viewport width (*not the browser width).
This allows it to be functional across many, if not all devices.
It also means just producing one single creative that can adjust itself.
_semantic: the HTML content is searchable/accessible/indexable
_personalised: dynamic/database content can be served
_iterative: changes can be actioned, even after deployment
Reduce your browser width (if on a desktop/tablet) to see the media queries in action, or on a smaller device toggle between portrait and landscape views.
// original template/markup - matthewjamestaylor.com
// reworked with animated media queries between breakpoints - Daire McCann (firstname.lastname@example.org)