A two column grid layout with reveal on click. The grid has an image with alt text in a <figure> and a heading, text and optional link in an <article>.
Mobile
On screen widths below the break point the right curtain is removed and the grid items stack.
Website visitor's are more likely to enjoy the experience if they can interact with the page items. Not only does toggle action do this but also facilitates removing items from the layout on page load which reduces the amount of scrolling requiured by small mobile device users.
Info Links
With more amd more website visitors using small mobile devices it it really important to reduce the amount of visible content on page load. If smart phone users have to scrolll through screeds of info they will soon give up and go elsewhere.
Insert important content in easily visible blocks with separation and provide controls for loading extra content out of view on page load.
Items to consider for inserting offscreen content are …
When creating content for responsive website projects less is definitely more likely to persuade visitors to stay and browse more pages.
Check out some more widgets for creating offscreen content …
