The concept of grid-by-design has become very popular in web design but it isn’t new in any way. In fact the bees, the bridge builders, chess masters etc. have known the secret of the grid for centuries. Using grids in web design makes the website look well structured and balanced even if the pages are busy with many elements. Also for the developer grids are useful and helps maintaining the pages easier. Grid in web design is basically a style in which a website is divided into different grids i.e. vertical and horizontal lines so that you can position different design elements efficiently and effortlessly. There are several CSS grid and responsive layout frameworks and solutions you can use to build your own grid based websites, but you will probably need the inspirational collection below. website templates with responsive layouts also typically have been designed using grids to adapt to smaller view ports, know as responsive grids. Same is true for magazine themes to make it possible to have the many content areas in the layout. In this article I have collected 40 examples of websites that use some form of grid styled layout.