1
<!doctype html>
2
<title>Example</title>
3
<style>
4
  .cards {
5
    display: flex;
6
    flex-wrap: wrap;
7
    align-items: flex-end;
8
  }
9
  .cards img {
10
    margin: 10px;
11
    border: 3px solid #000;
12
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3);
13
    max-width: 25vw;
14
  }
15
</style>
16
<main class="cards">
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>