Layout 5: Brown Pelican Mural

Layout 5: Brown Pelican Mural

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;
by Scott Gruber on



Posted a response? Enter the URL