Breakout

Error rendering component

Unknown plugin "module-resolver" specified in "base" at 0, attempted to resolve relative to "/home/circleci/wellcomecollection.org/common/views/grid/breakout"

export default () => (
  <div className='grid grid--breakout'>
    <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. */

Some components are required to break out of the main page container and stretch the width of the viewport.

Applying a class of grid--breakout to the containing grid div will break a grid out of its container and stretch it the width of the screen.

This only works on top level grid divs that are centered.