/* 4.5 - Previews
 * Simple content previews
**/

.container-preview {
    @include container($container-size-large, $lineheight);

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: $lineheight;
    column-gap: $lineheight*2;
    grid-template-areas:
    "main"
    "side";

    @include lg() {
      grid-template-columns: 360px auto;
      grid-template-areas: "side main";
    }
}
