<section>
	<div class="bg"></div>
	<div class="bg-contrast-lower"></div>
	<div class="bg-contrast-low"></div>
	<div class="bg-contrast-medium"></div>
	<div class="bg-contrast-high"></div>
	<div class="bg-contrast-higher"></div>
</section>
section {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
	border: 2px solid var(--color-contrast-lower);
	
	> * {
		padding-bottom: 100%;
	}
}

body {
	padding: 2em;
	background: #fff;
}
View Compiled

External CSS

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

External JavaScript

This Pen doesn't use any external JavaScript resources.