title: 3 column responsive footer
body: <p>I have a responsive grid layout for thumbnail images and a full width header. It is built using 'ul' and 'li' to make the grid. So basically I'm not using a responsive grid layout throughout. Although I would like to have a three column footer at the bottom that is responsive (stack on top of each other) </p>
  
  <p>I want the first column to align full left and the other two columns to align right. each column is only around 15% of the total width (so i couldn't just have all three width 33%) I want the functionality of a three column layout like in many of the themes like skeleton boilerplate, etc</p>
  
  <p>I am having trouble making a good css markup that will work, I have used...</p>
  
  <p>css</p>
  
  <pre><code>F1 {
  padding: 15px;
  width: 100px;
  margin: 0 0 0 20px;
  float: right;
  }
  
  .F2 { 
  float: left;
  text-align: left; 
  }
  
  .F3 { 
  font-size: 13px;
  text-align: right;
  float: right; 
  }
  </code></pre>
  
  <p>but that just separates the divs, and doesn't offer much control</p>
  
  <p>any help or references to help are greatly appreciated</p>