CSS: 9 Responsive Cells that Fills the Whole Page

Question

CSS: 9 Responsive Cells that Fills the Whole Page

I want 9 responsive <div> cells that fills the whole page like images below:

http://oi57.tinypic.com/2hf5lrk.jpg

I am using ionic framework. If the framework can help, please provide me an example. If not, the pure css would be great too.

html
css
css3
responsive-design
ionic-framework

Answer 1

well, see: http://ionicframework.com/docs/components/#grid-even

<div class="row">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
</div><div class="row">  
  <div class="col">4</div>
  <div class="col">5</div>
  <div class="col">6</div>
</div><div class="row">
  <div class="col">7</div>
  <div class="col">8</div>
  <div class="col">9</div>
</div>