🌷디자인을 위해 묶는 태그
1) div태그
block level element
1) span태그
inline level element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#grid{
border:5px solid pink;
display: grid;
grid-template-columns: 150px 1fr; /*navigation은 150px쓰고 article은 나머지 공간 다 쓴다*/
}
div{
border:5px solid gray;
}
</style>
</head>
<body>
<div id="grid">
<div>NAVIGATION</div>
<div>ARTICLE</div>
</div>
</body>
</html>
(❁´◡`❁)