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.

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>

← Previous Layout 4: Santa Monica Pier Layout 6: Walt Disney Concert Hall Next →