1
<!doctype html>
2
<title>Example</title>
3
<style>
4
  .cards {
5
    display: flex;
6
    flex-wrap: wrap;
7
    align-items: flex-start;
8
    flex-direction: row;
9
    max-height: 100vh;
10
  }
11
  .cards img {
12
    margin: 10px;
13
    border: 3px solid #000;
14
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3);
15
    max-width: 23vw;
16
  }
17
</style>
18
<main class="cards">
19
  <img src="/pix/samples/23m.jpg" alt="Sample photo">
20
  <img src="/pix/samples/24m.jpg" alt="Sample photo">
21
  <img src="/pix/samples/22m.jpg" alt="Sample photo">
22
  <img src="/pix/samples/28m.jpg" alt="Sample photo">
23
  <img src="/pix/samples/29m.jpg" alt="Sample photo">
24
  <img src="/pix/samples/30m.jpg" alt="Sample photo">
25
  <img src="/pix/samples/27m.jpg" alt="Sample photo">
26
  <img src="/pix/samples/32m.jpg" alt="Sample photo">
27
  <img src="/pix/samples/33m.jpg" alt="Sample photo">
28
</main>