For many developers or designers, using grid-based development forms a key part of their working process. Many will be familiar with the likes of Bootstrap or Bourbon Neat; we can easily replicate the same functionality within PostCSS. Let's take a moment to review what we've covered throughout this chapter.

We kicked off with a brief introduction to using grid-based development, before swiftly moving on to beginning the transition process to using PostCSS. Our first stop was a look at automating the compilation process so we can make the switch to using Gulp.

Next up, we then took a look at making the switch from using pure SASS to using the SASS-based grid system, Bourbon Neat; we covered how easy it is for Bourbon to build the structure of our grid system with minimal effort.

We then moved on to exploring the plugin options available from within PostCSS, before making the transition to using the postcss-neat plugin. We then explored how easy it is to refine our Gulp task process, by adding in tasks that we introduced from earlier in the book, to help build up a process that more closely represents real-world development. To confirm the process works, we performed a test using an adapted version of the original demo from Bourbon Neat, before moving on to converting our Japanese-themed demo to using PostCSS equivalent plugins. We then rounded out the chapter with a brief look at refining the responsive capabilities within our design, to ensure it works better on smaller devices.

Phew, it may not seem like much, but we certainly covered a lot over the last few pages! But, as always, we continue apace: in the next chapter, we'll really get animated (sorry, pun intended!), with a look at how PostCSS can help with animating content.