JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<div class="container">
  .container
</div>

<div class="container-fluid">
  .container-fluid
</div>

SCSS

* {
  outline: 2px solid #88d8b0;
}

.container {
  @include mq-creator($grid__bp--md) {
    max-width: ($grid__bp--md + $container__padding * 2) * 1px;
  }
  margin: 0 auto;
  padding: 0 $container__padding * 1px;
  width: 100%;
}

.container-fluid {
  width: 100%;
}