Portfolio with Grid Layout

Horses by Holly Mandarich on Unsplash
Japanese maple leaves by N. Yamasa on Unsplash
Macaws by Sid Balachandran on Unsplash
Mountain by Massimiliano Morosi on Unsplash
California poppies by Sergey Shmidt on Unsplash
Flower by Nicolas Reymond on Unsplash

Colophon

This portfolio was constructed by applying a 2-row by 3-column grid layout to a hidden <div> called “picturebox” (dashed line) that was set to the grid layout (display: grid;). The grid layout arranges items in a specified number of rows and columns, as defined by the “grid-template” style. (For more details, see the Grid Handout linked below.) The CSS used is as follows:

        display: grid;
        grid-template: repeat(2,250px) / repeat(3,250px);
        justify-content: center;