cssgrid.html

<html>
    <head>
        <style>
            #container {
                display: grid;
                grid-template-columns: 100px 100px  100px 100px 100px 100px 100px 100px;
                grid-template-rows: 100px 100px;
            }
            #container div{
                height:100px;
                width:100px;
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <div id="container">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div> <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div> <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div> <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div> <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
    </body>
</html>