proyectos-live/grilla-simetrica/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Balanced Masonry</title>
    <style>
      /* Change code after this line */

      /* Change code before this line */
    </style>
  </head>
  <body>
    <main>
      <img src="https://loremflickr.com/320/240" />
      <img src="https://loremflickr.com/420/340" />
      <img src="https://loremflickr.com/220/250" />
      <img src="https://loremflickr.com/520/280" />
      <img src="https://loremflickr.com/360/200" />
      <img src="https://loremflickr.com/350/340" />
      <img src="https://loremflickr.com/310/140" />
      <img src="https://loremflickr.com/300/340" />
      <img src="https://loremflickr.com/330/540" />
      <img src="https://loremflickr.com/250/540" />
      <img src="https://loremflickr.com/320/440" />
      <img src="https://loremflickr.com/370/340" />
      <img src="https://loremflickr.com/230/240" />
      <img src="https://loremflickr.com/230/340" />
    </main>
  </body>
</html>