My pen was picked! is a great website where you can make your own “sandbox” to play in and try new programming code. Developers post some interesting and very helpful ideas there. Web developers have new ways to layout web pages which are very flexibile. In fact, one of the layouts is called flex box. Its been eclipsed somewhat by CSS Grids which has more features. I read many articles that talked about using CSS Grids to divide a site into header, body, side bar and footer.

Most sites have way more sections than that. I wanted to create a template that I could use over and over again. I started playing around and came up with reusable, responsive grid layout that I posted on CodePen. It isn’t easy coming up with a new idea for codepen so I was thrilled when my pen was “picked” today.

I’ve attached a few screenshots as well as the link if you want to try it yourself.