루체

우선 나란히 보이게끔 하고싶은 태그가 어느 부분인지를 파악후 그룹으로 묶어주어야 합니다. 그런데 2개의 독립적인 태그를 의미있는 태그인 h1과 같은 걸로 묶을 수는 없기 때문에 div라는 것을 사용을 합니다. 제일 부모인 div 태그를 grid로 지정하기 위해서 ID값을 줍시다. 그리고 id가 grid인 태그에 대해서 display를 grid로 지정하는 것이 첫번째 그 다음에 grid-template-columns에다가 순서로 봤을때 첫번째가 ol 이므로 150px, 1fr 이런식으로 값을 넣어봅시다. 뭔가 그럴듯한 홈페이지를 만든 것 같아서 기분이 좋다. 이렇게 만든 후 조금씩 디테일을 다듬어 가야겠죠?? 검사를 통해 웹페이지에 들어가서 밑의 사진에 있는 숫자들을 더블클릭하면 웹페이지에서 바로바로 수정..