<div class="flex flex-wrap gap-xs items-center">
 <button class="btn btn--primary">Button One</button>
 <button class="btn btn--primary">Button Two</button>
 <button class="btn btn--primary">Button Three</button>
</div>
// flexbox utility classes - http:codyhouse.co/ds/docs/framework/utilities#flexbox

body {
 padding: var(--space-lg);
}
View Compiled

External CSS

  1. https://unpkg.com/codyhouse-framework/main/assets/css/base/_mixins.scss
  2. https://unpkg.com/codyhouse-framework/main/assets/css/base/_breakpoints.scss
  3. https://unpkg.com/codyhouse-framework/main/assets/css/base/_accessibility.scss
  4. https://unpkg.com/codyhouse-framework/main/assets/css/style.css
  5. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_buttons.scss
  6. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_colors.scss
  7. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_forms.scss
  8. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_spacing.scss
  9. https://raw.githubusercontent.com/CodyHouse/a1-codyframe-theme/master/custom-style/_typography.scss

External JavaScript

This Pen doesn't use any external JavaScript resources.