Create a 80x80 grid with empty links.
by Spencer Smith
CSS
.row {
display: flex;
gap: 1px;
margin-top: 1px;
}
a {
text-decoration: none;
padding: 3px;
background-color: black;
cursor: default;
}
a:hover {
outline: 7px solid dodgerblue;
z-index: 1;
}
JavaScript
for (let i = 0; i < 80; i++) {
const row = document.createElement('div');
row.classList.add('row');
for (let j = 0; j < 80; j++) {
const a = document.createElement('a');
a.href = "#";
row.appendChild(a);
}
document.body.appendChild(row);
}