Pulling Web Page Elements with the Blueprint CSS Framework

And now that you've been introduced to the goal of this series of articles, it's time to quickly recapitulate the topics that were covered in the last part. In that article, I explained how to make use of the generic "push-x" classes for pushing columns to the left side of a web document.

Even though the functionality of these classes seems to be fairly limited, they can come in pretty handy for indenting lists, paragraphs and even entire columns, while maintaining perfect alignment with the background grid. This produces web designs that look pleasant and harmonious to human eyes.

Now, you may be wondering why Blueprint CSS doesn't include another set of CSS classes that behave in the opposite way to the "push-x" ones mentioned previously. Well, it does; the framework also comes bundled with a group of classes generically called "pull-x," which permit you to pull to the right any element on a web document.

So, this final chapter of the series will discuss the use of "pull-x" classes with Blueprint CSS, thus wrapping up this introductory guide to working with this handy framework. With the preliminaries out of our way, it's time to start learning how to employ these classes. Let's tackle the last part of this educational journey now!