Skip to main content


Featured - HTML5 CSS3 Grid System

Hello readers, this blog post is about a grid system I developed to make creating HTML5 responsive websites more easily. This grid system,, was designed based upon the math formula: ([target-width]-([desired-column-spacing]*[desired-columns+1]))/[desired-columns] which calculates the grid columns. When I developed the stylesheet, I used this general formula and some of the new features found in CSS3 so that all websites using this grid system would be responsive. Here is an example of a website using . I also utilized this grid system in the creation of my personal website . All in all, this system works well and utilizes some cool features new to the world of web development. Technical Information For those readers interested in the technical information of how this grid system works, then continue onward! To begin, not every browser yet supports display: grid; so I had to devise a way to check for browser support. I did

Latest Posts

While My Guitar Gently Weeps - Cover