![]() ![]() Hint: The gutter cannot be less than the size of the base font size.Īdd 15px to the left margin for the leftmost column and repeat for the right margin for the rightmost column. Now it’s 12 columns with 70px width and 11 gutters with 30px width. Hint: For different working area widths, use different columns and gutter widths.Īdd 30px gutters. The gutter is the distance between columns.Įxample: You have a 1200px working area and decide to use 12 columns. Calculate Column and Gutter Width and Draw ThemĬolumns are vertical rectangles that separate the page into parts. The other possible modular grids use 16 and 24 columns. In web design, it is common to use the modular grid with 12 columns. Thus, you should always draw several modular grids for the devices with different screen sizes. Remember that your website should always have an adaptive design.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |