Question

How to draw a grid in CSS

Answer 1

<!-- html -->

<html>
<body>
<div class="grid"></div>
</body>
</html>

/* css */

html, 
body,
.grid {
    height: 100%;
    width: 100%;
    margin: 0;
}
.grid {
    background-image:
      repeating-linear-gradient(#ccc 0 1px, transparent 1px 100%), /* rows */
      repeating-linear-gradient(90deg, #ccc 0 1px, transparent 1px 100%); /* cols */
    background-size: 50px 50px;
}

 

70+ SQL courses for beginners and professionals