# ghostkit/3.3.3/gutenberg/bootstrap/grid.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.3. 11 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.3/code/gutenberg/bootstrap/grid.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.3/raw/gutenberg/bootstrap/grid.scss
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.3.3/code/gutenberg/bootstrap/grid.scss#L10-L20`.

```scss
/// Grid system
// Generate semantic grid columns with these mixins.

@mixin make-col($size, $columns: $grid-columns) {
	flex: 0 0 calc(100% * (#{$size} / #{$columns}));
	// Add a `max-width` to ensure content within each column does not blow out
	// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
	// do not appear to require this.
	max-width: calc(100% * (#{$size} / #{$columns}));
}

```