Basic

<div class="grid">
    <div class="grid__cell">
        <div class="grid-placeholder"></div>
    </div>
    <div class="grid__cell">
        <div class="grid-placeholder"></div>
    </div>
    <div class="grid__cell">
        <div class="grid-placeholder"></div>
    </div>
</div>
export default () => (
  <div className='grid'>
    <div className='grid__cell'>
      <div className="grid-placeholder"></div>
    </div>
    <div className='grid__cell'>
      <div className="grid-placeholder"></div>
    </div>
    <div className='grid__cell'>
      <div className="grid-placeholder"></div>
    </div>
  </div>
);
/* No context defined for this component. */

Basic layouts are created using two main CSS classes, grid and grid__cell.

Any number of grid cells can be placed in a grid container and by default they will be equally spaced out.