the Geme of Life

Check it out here.

Once again we need a grid of squares. This one is 40 by 40. Here is the styles.css I used:

body {
  background-color: lightblue;
}
.row {
  display:flex;
}
.square {
  margin:1px;
  width:1.2vmin;
  height:1.2vmin;
  background-color: white;
}

You should be able to manage the rest yourself by now!


project_8/index.html
<html>
<head>
  <title>Life</title>
  <link rel='stylesheet' href='styles.css'>
  <script src='squares.js'></script>
</head>
<body>
  <script>squares();</script>
</body>
</html>