Formatting Content with Grids and CSS Gradients

  • Brad Broulik


Mobile applications often use grids for content that needs to be flexible and grouped into sections. jQuery Mobile’s responsive grid is a useful solution for designs that require this behavior. In this chapter, we will review the basics of the jQuery Mobile grid component and show several examples of how we can style icons, graphics, and text in our grids. We will also create collapsible content blocks and discuss the advantage they provide when compared to an inline page structure. Lastly, we will add a bit of polish to our designs with CSS gradients and discuss the advantages that CSS gradients provide in regards to performance and progressive enhancement.


Format Content Related Code Collapsible Section Grid Layout Progressive Enhancement 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Copyright information

© Brad Broulik 2011

Authors and Affiliations

  • Brad Broulik

There are no affiliations available

Personalised recommendations