At two years in I'm still a baby when it comes to front-end development. Don't get me wrong, I have learned a lot, but I can see that this industry will always offer new things to learn. One of the is learning to better utilize the tools at my disposal, especially with the purpose of making my coder cleaner, clearer and more maintainable.

One of the tools that helped me create many responsive sites is Twitter's Bootstrap. It's a really great tool that helps you spin up a responsive layout pretty quickly without haggling with css floats! And it has all kinds of built in styles that come along with it as well, like modals, carousels, and much more.

But, over the past year or so I have been using CSS's built in display: flexbox; property. Just recently I used it to build and entire layout, with no Bootstrap. I'm convinced that this is a much better approach than just slapping Bootstrap on a project. Why add all the bloat when you don't need it.

Don't be afraid of taking a new approach. Try out flexbox and I promise it will change the way you create sites! You can tinker with it on CodePen or at one of these great sites:

  1. [flexy box](
2. [flexbox froggy](
3. [webflow](

6,242 1 6