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