The Fluid Grid

21 07 2011

Here’s a pretty in-depth look at creating a fluid grid, i.e., a grid that will resize with the browser. There are some other methods, using the @screen method that we can cover as well, but this should be the next logical step from floats or absolute positioning.

This article takes the idea of fluid grids and advances it somewhat with a few tweaks for other layout issues:

I make this last post with some reservations – yes, there are grid generators out there and pre-built layouts, worth having in your toolbox, but you need to know how to do it from scratch:

And another roundup of the same sort of stuff:




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: