Metro like theme

[mdrd88]

Hello, once again I am wondering how to tackle something. I am trying to go for a windows 8 metro interface like this http://www.techdigest.tv/windows-8-metro-apps1.jpg

I have this going so far however http://codepen.io/seraphzz/pen/cFoDs

My problem is however that I can’t get equal spacing for each tile. So is it better to have absolute positioning, or floats? Any advice, insight, or suggestions would be greatly appreciated!

[mdrd88]

That looks great! However, it doesn’t seem to work very well on my iPad.

[KeithPickering]

You can do this pretty easily with Masonry/Isotope if you want a cross-browser solution and don’t mind JQuery.

[mdrd88]

Thanks! I checked that out and it looks pretty promising. However, I found the css version of the solution with this! http://www.responsivegridsystem.com/

I feel that this will be the most simple method without jquery or tons of code.

[Author]

Posts