HTML/CSS - JS div generetor Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <!-- Nice Grid Lesson : https://scrimba.com/g/gR8PTE -->
        <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
    </head>
    <body>
        <div id= "header">-- Header --</div>
        <div id = container>
            <div id = "tools"><H1>Tools here H1 Title
            </H1></div>
            <div id = "comments">
                Comments here about what there is to comment about.<br>
                And some clever words in addition
            </div>
        </div>
        <div id = "footer">
            <H2 align='center'><u>Footer explanation : </u></H2>
            <p>Descrition here descrition here descrition here descrition here descrition here<br>
            Second line second line second line second line second line second line second line<br>
            Third line third line third line third line third line third line third line third line<br>
            <ol>
                <li>this can be</li>
                <li>well, this also</li>
                <li>or sometimes that</li>
            </ol>
            </p>
        </div>

css

body {
    background: url("http://www.wildtextures.com/wp-content/uploads/2011/11/wildtextures-old-paper-texture-3-1200x800.jpg");
    background-color:  #eeffad;
    background-image: cover;
    font-family: 'Special Elite', cursive;
    margin: 7px;
}
#header {
    height:150px;
    background-color:  rgba(55, 25, 25, .5);
    font-size:400%;
    display: flex;
    justify-content: center;
    align-items: center;
    color:  #ffeead;
    border-radius:0.12em;
}    
#container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20px,1fr));
    grid-auto-rows: 20px;
    grid-gap: 7px;
    margin:7px;
}
#container > div {
    color:  #362210;
    border-radius:0.2em;
}

 window.onload = function() {
    var container = document.getElementById('container');
    var comments = document.getElementById("comments");
    var max = 201;
    for (i = 1; i <= max; i++) {
        var newcell = document.createElement("div");
        var textIn = document.createTextNode(i);
        newcell.appendChild(textIn);
        newcell.className += "cell";
        container.insertBefore(newcell, comments);
    }
};

BROWSER

Console