scottgruber.me

Layout 20: cicLAvia street photography

December 2, 2018 Downtown LA was host to ciclavia

screenshot

cicLAvia street photography was a challenging layout. I wanted the page to fill the viewport, but the images keep pushing the height. I think I still have some work to fine tune it, but pushed today to meet my goal of one layout a day.

CSS Code

body {
        font-family: 'Noto Serif', serif;
        display: grid;
        grid-gap: 2vw;
        grid-template-columns: 2fr 2fr 1fr;
        grid-template-areas:
          "photographer photographer logo"
          "photographer photographer logo"
          "photo photo2 text";
        margin: 2em auto;
        max-width: 90%;
        max-height: 100vh;
      }