{"slug":"layout-grid-column-grid","title":{"ja":"12カラムグリッド","en":"12-column grid"},"summary":{"ja":"画面を12本の列に分け、要素の幅を列の数で決める。","en":"The page is divided into 12 columns, and every element spans a whole number of them."},"categories":["design","uiux"],"subAspects":["layout.grid"],"aspects":["layout"],"tags":["column-grid"],"keywords":["12-column grid","column grid","consistent gutters","grid-based layout"],"traits":{"en":["The content area is divided into 12 equal columns with fixed gutters between them","Every element starts and ends on a column edge","Common spans are 12, 7 + 5 and 4 + 4 + 4 columns"],"ja":["本文の領域を、同じ幅の12列と一定の溝（ガター）に分ける","どの要素も、列の端から始まり列の端で終わる","よく使う幅は、12列・7列＋5列・4列＋4列＋4列"]},"prompt":"12-column grid layout: divide the content area into 12 equal columns with fixed gutters, and make every element start and end on a column edge, using spans such as 12, 7 + 5 and 4 + 4 + 4.","negativePrompt":"freeform placement, elements ignoring columns, inconsistent gutters","contrasts":[],"images":[],"references":[],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/layout-grid-column-grid","en":"https://visual-gallery.asami.tokyo/en/styles/layout-grid-column-grid"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/layout-grid-column-grid","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/layout-grid-column-grid/md"}}