I’ve talked about responsive CSS grid systems before, but, at the time, the Flexible Grid System didn’t exist yet. The Flexible Grid System is a 24-column responsive CSS grid system. It has an intuitive syntax and pretty decent browser support — it’ll even work as far back as IE 9. Check out its demo page and resize your browser to see the demo web page layout reconfigure itself as you change the dimensions of your browser’s viewport. If you’ve ever used the pioneer of web page layout grid systems, the 960 Grid System by Nathan Smith, at any point in your web design career then you’ll have no problems switching over to the Flexible Grid System, which shares a similar nomenclature and is clearly inspired by the former. The Flexible Grid System is MIT-licensed.
Get the latest version and view the source code of the system over at GitHub.
- 6 Websites for Responsive Web Design Inspiration
- Mobile UI Design Patterns: 10+ Sites for Inspiration
- 10 Solutions for Creating Cross-Platform Mobile Apps
- Do Mobile Devices and Apps Really Have a Place in the Creative Workflow?
- Mobile Website vs Mobile App: Do You Really Need an App?
- Who Would Rule the Web if Mobile Didn’t Exist? [Infographic]
- 5 Best Books for Learning Responsive Web Design
- 10 Useful Gadgets for Mobile Computing
- 10 Excellent Tools for Testing Your Site on Mobile Devices
Marketing Tips for Niche Industries
- Web Design for Excavation Companies: Top 5 Tips (With Examples!)
- 5 Web Design Tips for Fence Installers
- 5 Simple and Successful Web Design Tips for Auto Parts Retailers
- Tips for Medical Website Designs
- Medical Website Design from an Award Winning Agency
- Top 10 Effective Web Design Tips for Auto Service Centers
- Web Design for Renewable Energy: Tips for a Site That Shines
- Insurance Website Design Services
- 5 Web Design Tips for Fertility Clinics
How is your website’s SEO?
Use our free tool to get your score calculated in under 60 seconds.
Get posts by email
Join 200,000 marketing managers and subscribe to Revenue Weekly!
"*" indicates required fields
Join our mission to provide industry-leading digital marketing services to businesses around the globe - all while building your personal knowledge and growing as an individual.