previous

page 1

next
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>
previous
next