1
<!doctype html>
2
<title>Example</title>
3
<style>
4
.grid {
5
  display: grid;
6
  grid-template-columns: 1fr 1fr 1fr;
7
  grid-gap: 20px;
8
  align-items: stretch;
9
  justify-items: stretch;
10
  }
11
.grid img {
12
  border: 1px solid #ccc;
13
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
14
  max-width: 100%;
15
}
16
</style>
17
<main class="grid">
18
  <img src="/pix/samples/1m.jpg" alt="Sample photo">
19
  <img src="/pix/samples/24m.jpg" alt="Sample photo">
20
  <img src="/pix/samples/9m.jpg" alt="Sample photo">
21
  <img src="/pix/samples/12m.jpg" alt="Sample photo">
22
  <img src="/pix/samples/6m.jpg" alt="Sample photo">
23
  <img src="/pix/samples/25m.jpg" alt="Sample photo">
24
</main>