Fluid Grid

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:


About profhall

I'm a professor teaching Interactive Media courses at JCCC.
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s