Page layout - the responsive grid


12 column grid

 In our grid technique, we place the elements on the screen and determine their relative size compared to other elements on the screen. The screen is actually divided into 12 virtual columns. When we design our site and its various pages, we need to define the element size (length and width). An element's width is defined by the number of columns allocated for it (e.g. an element that uses 4 columns out of 12 will use a third of the whole screen). An element's height is determined by the content that we want to display. This technology allows the site to be responsive, as elements (such as images or text) are resized proportionally to the screen, and do not maintain a fixed size.


 Using our grid, you can build beautifully designed websites for your business. One of the features of theour grid is the site's responsivity. Using this technology you can design a website once, and then adjust the way it will be displayed on each and every device your visitors will use (computer, tablet or mobile device).