What types of grids are there?

[sumaiyakhatun27]

An important point: grids provide the design flexibility needed to adapt the layout to different screen sizes. That is, using a framework is a step towards creating an adaptive page. Grids are usually not visible on a finished page. But they can be seen on prototypes and mockups. WE WILL PROMOTE YOUR BUSINESS Read more If you are not a professional designer or web developer, it is enough to know that there are two types of grids: columnar and modular.


A column grid is a system of vertical lines that divides a page into singapore consumer email list columns and indents. The dark and wide areas in the illustration are columns, the light and narrow areas are indents. A modular grid is a system of vertical and horizontal lines that divides a page into modules. In this case, the modules are 20 x 20 pixel rectangles, highlighted with thicker lines.


If you are not a professional web designer or developer, use a column grid to create prototypes. There are at least two reasons for this. First, column grids are in high demand on the web. Popular frameworks such as Bootstrap, Bulma, Skeleton, which web developers use to layout pages , are built on them . The second reason: for a page prototype, it is enough to use a column grid.