docs/_posts/2016-04-11-metro-ui-css-grid-with-bulma-tiles.md

---
layout: post
title: "Metro UI CSS grid with Bulma tiles"
---

Have you ever wanted to build a **Metro-UI-like grid in CSS**?
Thanks to Flexbox and the new [Bulma tiles](http://bulma.io/documentation/grid/tiles/), you now can! And it only requires 1 HTML element: the `tile` element.

[![Metro UI grid tiles in CSS](/images/blog/metro-ui-css-grid-tiles.png)](http://bulma.io/documentation/grid/tiles/)

Check out the [documentation](http://bulma.io/documentation/grid/tiles/)!
Move docs to bulma repo (#299) * Add package files whitelist * Add flex shrink * Add flex shrink * Add docs config * Fix flex shrink * Fix hero pages * Add docs folder 2016-09-11 12:00:49 +01:00			`---`
			`layout: post`
			`title: "Metro UI CSS grid with Bulma tiles"`
			`---`

Add new favicons 2016-09-24 17:18:56 +01:00			`Have you ever wanted to build a Metro-UI-like grid in CSS?`
Move docs to bulma repo (#299) * Add package files whitelist * Add flex shrink * Add flex shrink * Add docs config * Fix flex shrink * Fix hero pages * Add docs folder 2016-09-11 12:00:49 +01:00			Thanks to Flexbox and the new [Bulma tiles](http://bulma.io/documentation/grid/tiles/), you now can! And it only requires 1 HTML element: the `tile` element.

Add new favicons 2016-09-24 17:18:56 +01:00			`[![Metro UI grid tiles in CSS](/images/blog/metro-ui-css-grid-tiles.png)](http://bulma.io/documentation/grid/tiles/)`
Move docs to bulma repo (#299) * Add package files whitelist * Add flex shrink * Add flex shrink * Add docs config * Fix flex shrink * Fix hero pages * Add docs folder 2016-09-11 12:00:49 +01:00
			`Check out the [documentation](http://bulma.io/documentation/grid/tiles/)!`