<!DOCTYPE html>
<html>
<head>
<title>Box Sizing - Flexbox Grid Mixins</title>
<link rel="stylesheet" href="../css/default.css">
<link rel="stylesheet" href="../css/box-sizing.css">
</head>
<body>

<div class="header">
<h1 class="header-title">Flexbox Grid Mixins</h1>
<p class="header-description">Sass Mixins to generate Flexbox grid</p>
</div>

<div class="container">

<h2>Box Sizing using Default Values</h2>

<h3>Default (Default Values as border-box)</h3>

<div class="grid--default">
<div class="grid__col