Hot Air Ballooning
Colophon
This demo of the grid layout uses a 3-row by 2-column 768px square to hold 5 photos, each sized to have a uniform, 256px (⅓ of 768) height.
CSS styles for <main> tag:
display: grid;
grid-template: repeat(3,auto) / repeat(2,auto);
Style for 5th photo (horizontal):
grid-area: 3/1/4/3;
The other photos fall into place automatically and don't need a grid-area specification.
Week 6 (2/24) Zoom Video