A regular listview on smartphones, but grid tiles on tablets and larger screens? This demo shows you how you can accomplish this with custom CSS.
Create a listview from an unordered list. For this demo we used an inset listview to show you how you can apply the corner styling to the tiles as well.
In this demo there are two breakpoints. At the first breakpoint we swap from the regular stacked layout to a three column grid layout with tiles. At the second we swith from three to four columns.
The list items have a thumbail. In the grid layout those will get the same size as the tile. One list item doesn't hold an image to demonstrate how you can take advantage of class
ui-li-has-thumb to adjust the style.
Apple released iOS 6.1
BlackBerry launched the Z10 and Q10 with the new BB10 OS
Nokia rolls out WP 7.8 to Lumia 800
New Samsung Galaxy Express
Rumours about new full HD Nexus 7
ZTE to launch Firefox OS smartphone at MWC
First Samsung phones with Tizen can be expected in 2013
Nokia confirms the end of Symbian