/*--------------------------------------------------------------
Grid Styles Small
--------------------------------------------------------------*/
@supports (grid-area: auto) {
  body {
    max-width: 100%;
  }

/*--------------------------------------------------------------
Spacing
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Grid
--------------------------------------------------------------*/
  .summary{
    display: grid;
    grid-template-areas:
    "image"
    "name"
    "jobTitle"
    "info"
    "icon";
  }

  .summary h1{
    grid-area: name;
  }

  .summary img {
    grid-area: image;
  }

  .summary h2{
    grid-area: jobTitle;
  }

  .summary p{
    grid-area: info;
  }

  .summary a{
    grid-area: icon;
  }




}/*closing brace for supports*/