scottgruber.me

Layout 5: Brown Pelican Mural

An unmistakable bird of coastal waters, groups of Brown Pelicans fly low over the waves in single file, flapping and gliding in unison. One of my favorite birds, I used kayak in Marina del Rey and paddle alongside them.

screenshot

Brown Pelican mural in Venice.

An unmistakable bird of coastal waters, groups of Brown Pelicans fly low over the waves in single file, flapping and gliding in unison. One of my favorite birds, I used kayak in Marina del Rey and paddle alongside them.

Check out the layout

CSS code

<style type="text/css">
    body {
      margin-top: 5%;
    }

    @media (min-width: 48em) {
      article {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
      }
    }

    img {
      grid-column: 2;
      grid-row: 1 / 3;
      height: 80vh;
      width: 100%;
      object-fit: contain;
      align-self: center;
    }

    .e-content {
      grid-column: 1;
      grid-row: 2;
      align-self: start;
      justify-self: end;
      max-width: 30em;
    }

    h1 {
      font-family: 'Lora', serif;
      font-size: var(--font-size-display);
      font-weight: var(--font-weight-bold);
      margin: 0;
    }

    p {
      font-size: var(--font-size);
      line-height: 1.4;
    }

    .standfirst {
      font-family: 'Lora', serif;
      font-size: var(--font-size);
      font-style: italic;
      font-size: var(--font-size-x-large);
      line-height: 1.2;
    }
  </style>