title: Advice on CSS only pinterest type layout?
body: <p>So I have found a solution for CSS-only Pinterest style layout. I want to use CSS only because jQuery Masonry or whatever just seems less respectable. </p>
  
  <p>I am a complete beginner who has bever coded anything, and I think it'll be easier to just stick to CSS for now and get good in it. </p>
  
  <p>So I want to create a personal website, and I don't mind using JS elsewhere but for the layout I think I want to do it 'from scratch' without cheating with Masonry, and there is a tutorial for this with only a couple problems [cross browser issues and can't order the grids]. <a href="http://cssdeck.com/labs/css-only-pinterest-style-columns-layout" rel="nofollow">http://cssdeck.com/labs/css-only-pinterest-style-columns-layout</a></p>
  
  <p>This is my question- how do I implement this into a full website?</p>
  
  <p>I know the basic process of writing a website, but I really don't know where to start with making a website using this code. Can someone please give me a step-by-step on how to make a homepage that links to other pages in the website with this?</p>
  
  <p>And how to customise the boxes so that they act as links to other sections of the website?</p>
  
  <p>I want to do it like windows 8 style, where the homepage is made of tiles, you click on a square and it takes you to another section of the website. </p>
  
  <p>HERE is an example of what I am trying to make- <a href="http://builtbybuffalo.com/" rel="nofollow">http://builtbybuffalo.com/</a></p>
  
  <p>So in a sense I am asking for a step by step for beginners on how to code the website I just linked to.</p>
  
  <p>Or where to find that info.</p>
  
  <p>Cheers!</p>