<!-- issue 👉 if bg color on grid element 👉 issue with collapsing margins 👉 they affect the bg color even if they don't affect the layout -->
<div class="padding-md">
 <div class="grid gap-md bg-contrast-higher">
  <div class="bg-primary height-xxl col-4"></div>
  <div class="bg-primary height-xxl col-4"></div>
  <div class="bg-primary height-xxl col-4"></div>
 </div>
</div>

<!-- 
solution 👉 bg color + clearfix on grid parent

Other ways to fix this issue:
- overflow-hidden on grid parent
- add any padding value, even 1px, to the grid parent
-->
<div class="padding-md">
 <div class="bg-contrast-higher clearfix">
   <div class="grid gap-md">
    <div class="bg-primary height-xxl col-4"></div>
    <div class="bg-primary height-xxl col-4"></div>
    <div class="bg-primary height-xxl col-4"></div>
   </div>
 </div>
</div>

External CSS

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

External JavaScript

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