duplicate our rules using -ms-, -webkit-, -moz- and -o- before each property to target the big five -- Internet Explorer, Safari/Chrome, Firefox and Opera -- respectively. Set the gutter width You can manually set the width of the gap between columns using the column-gap property. If you'd like a wider gap between columns, set a higher column-gap value or to achieve closer columns set it lower. If you omit the column-gap property, the browser will automatically format a gap for you. Set the column width Similarly, you can control the width of your columns using the column-width property. As with the column-gap property, if you don't set this explicitly the browser will calculate the value for you automatically. If you only set the column width, the gap will be calculated to fit the width of the container, and vice versa. If you specify a width that's too big for the element, the browser will override your setting. A word on limitations You can't currently set different widths for different columns, so if you want to have one wide column and two narrow columns, you'll have to nest elements inside columnar layouts. This limitation may be addressed by the W3C in the next iteration of the CSS Columns module Flowing content By default your content will flow automatically from one column to the next, and the length of the overall element (in our case an article tag) will be adjusted to fit a balanced fill of columns. This ensures the final