Shop — Queens Park Railway Club

Artist's Book
Placeholder title
£25
Purchase

Photographic Print
Placeholder title
£150
Purchase

Publication
Placeholder title
£20
Purchase

``` And add this to the **bottom of `qprc.css`**, before the media queries or just before the final `}` if you're working from the current version: ```css .shop { width: 100%; max-width: 700px; } .shop-item { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; align-items: start; margin: 0 0 40px; } .shop-image { width: 180px; } .shop-image img { display: block; width: 100%; height: auto; } .shop-info { font-size: 12px; line-height: 1.5; } .shop-info a { display: inline-block; margin-top: 8px; } @media (max-width: 640px) { .shop { max-width: none; } .shop-item { grid-template-columns: 120px minmax(0, 1fr); gap: 18px; } .shop-image { width: 120px; } } ``` **One thing:** don't create the placeholder JPGs yet. The page will show broken-image icons until we put real images in. That's actually useful at this stage if we're testing the layout, or I can make the placeholders pure CSS so the page works immediately. I'd actually favour **CSS placeholders** for now, because then we can see the proportions without creating three dummy files.