css - css coding that I have never seen

Question

I am studying a free css template called zerofour found at http://html5up.net/zerofour/, and running across a css coding that I have never seen before. In the HTML, some div

Answer 1

It looks like something similar to Foundation. I'm new to Html5up as well but that's my guess. How it normally works (in Foundation at least) you have a "row" which is the entire width of your page (normally). Within that row you have columns (or "u" here for some reason), with each column taking up the same % of width. Usually the standard for Foundation is 12 columns/row and I'm guessing its the same here. So basically if you want the first 50% of a row to be a giant div followed by two divs that split the remaining 50% it would look like:

  

    Big Div Here.
  

  

    Small Div Here.
  

  

    Small Div here (same size as the other small div)>
  
  (This ends the row).

The reason for all this madness being it makes it way easier to make your page responsive (which is one of the main points of Foundation and HTML5Up).

Looking into Foundation's Dev Docs for a more in-depth explanation and additional examples (despite it not necessarily being Foundation) - Here