Pinterest Stumbleupon Whatsapp

Grids have been an important part of paintings and designing since centuries. Today they play an important role in website design. The more recent types of grids are fluid grids. These can mould themselves into the user’s screen resolution. One tool to easily create fluid grids is Tiny Fluid Grid.

create fluid layout

Tiny Fluid Grid is a simple free to use website. The complex task of writing up the code of a fluid grid is greatly simplified by the website. Visitors specify certain parameters of the grid. These parameters include number of columns (12, 16, or 24), gutter percentage (20, 30, 40, 50, or 60), and minimum / maximum width. The “preview” button located at the bottom right of the website lets visitors view the type of grid their options correspond to. The preview is shown at the bottom of the site. Once a visitor is satisfied with the preview, he can click on the “download” button (right next to the “preview” button) to get a ZIP archive which contains the CSS code of the grid.

css fluid layout

html fluid layout


  • Create TTML and CSS  fluid layouts online
  • Download CSS and HTML files in zip format.
  • Real time saver, generate code in seconds.
  • Provides a simple way to generate CSS code for fluid grids.
  • Similar tool: CSSGridBuilder.

Check out Tiny Fluid Grid @

Leave a Reply

Your email address will not be published. Required fields are marked *