<div class="grid flex-column flex-row-reverse@md">
 <div class="col-4@md">1</div>
 <div class="col-8@md">2</div>
</div>
// 🐞 CodyHouse framework - Grid examples
body {
 padding: var(--space-md); 
}

.grid {
 div {
  padding: var(--space-lg);
  text-align: center;
 }
 div:first-child {
  background-color: alpha(var(--color-primary), 0.25);
 }
 div:last-child {
  background-color: alpha(var(--color-primary), 0.5);
 }
}
View Compiled

External CSS

  1. https://codepen.io/codyhouse/pen/oNxLjqp.scss
  2. https://unpkg.com/codyhouse-framework/main/assets/css/style.css

External JavaScript

  1. https://unpkg.com/codyhouse-framework@2.1.4/main/assets/js/util.js