How to create a 4-column layout grid with css.
<!Doctype html>
<html lang="en">
<head>
<title>4-column layout grid with css <\title>
<style>
. Container{
Display: grid;
Gird-template-column:repeat;
}
#div {
Display:grid;
Grid-template:repeat;
}
</style>
<body>
<class='container'>
<div class='grid item'> item 1 </div>
<div class='grid item'> item 2 </div>
<div class='grid item'> item 3 </div>
<div class='grid item'> item 4 </div>
</body>
</html>