grid.html
504 Bytes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#grid{
border-color: pink;
display:grid;
grid-template-columns: 150px 1fr;
}
div{
border:5px solid gray;
}
</style>
</head>
<body>
<div id="grid">
<div>NAVIGATION</div>
<div> ARTICLE</div>
</div>
<!-- div(무생무체와 같은 태그 의미가 없음,디자인 용도)
는 block element span은 inline element -->
</body>
</html>