@charset "GB2312";
 :root {
      box-sizing: border-box;
    }

    *,
    ::before,
    ::after {
      box-sizing: inherit;
    }

    body {
      background-color: #709b90;
      font-family: Helvetica, Arial, sans-serif;
	  margin-left:1em;
	  margin-right:1em;
    }

    .portfolio {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
      grid-auto-rows: 1fr;
      grid-gap: 2em 1.5em;	  
	
    }

    .portfolio > figure {
      display: flex;
      flex-direction: column;
      margin: 1;
    }

    .portfolio img {
      flex: 1;
      object-fit: cover;
      max-width: 100%;
    }

    .portfolio figcaption {
      padding: 0.3em 0.8em;
      background-color:#CCC;
      color:#FFF;
      text-align: right;
    }

    .portfolio .featured {
      grid-row: span 2;
      grid-column: span 2;
    }
SS Document */