How to Do A Responsive Two-Column Grid Using Jquery Mobile Framework YOUR CSS: <style> @media all and (max-width: 50em) { .my-breakpoint .ui-block-a, .my-breakpoint .ui-block-b { width: 100%; float:none; } } @media all and (min-width: 75em) { .my-breakpoint.ui-grid-a .ui-block-a { width: 49.95%; } .my-breakpoint.ui-grid-a .ui-block-b { width: 49.925%; } .my-breakpoint.ui-grid-a .ui-block-a { clear: left; } } } </style> YOUR HTML: <div class="ui-grid-a my-breakpoint"> <div class="ui-block-a"> say something...</div> <div class="ui-block-b"> say somthing</div> </div> |