Layout 20: cicLAvia street photography
December 2, 2018 Downtown LA was host to ciclavia
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;
}