Adding new rows of divs to make a 16x16 grid

MDN Learn
1

Hey, can anyone help me with creating more rows below the first cleanly? The link to the code is below:

first row

2

Hello @ayanda

first i do not know which task you asking for so i guess that what you need

.firstdivs {
    border: 1px solid black;
    padding: 10px;
    float: left;
}
p{
  clear:both;
}
.seconddivs {
    border: 1px solid black;
    padding: 10px;
    width:10px;
}

let num= 1;

    

for (let i=0; i<16; i++) {

let div = document.createElement('div');
    div.setAttribute('class','firstdivs');
  div.textContent=`${num++}`
    document.body.appendChild(div);

}
 let p = document.createElement('p');
  p.textContent=" ";

document.body.appendChild(p);

for (let i=0; i<16; i++) {

let div = document.createElement('div');
    div.setAttribute('class','seconddivs');
  div.textContent=`${num++}`
    document.body.appendChild(div);

}

hope that help and have a nice day