그리드(Grid) 핵심이론 및 실전 활용

grid-column: 2/ 4와 grid-column: 1 / span 3은 동일한 동작을 한다고 하셨습니다. <p styl

.project-gallery { display: grid; grid-template-rows: 300px calc(100vh - 600px) 300px; } <p style

브라켓츠 문제.<img src="https://cdn.inflearn.com/public/files/posts/5b5139d1-eb14-40a3-8905-7ce3b2626c20/브라켓츠.jpg" alt="브라켓츠.jpg

안녕하세요 그리드 수강생입니다.항상 좋은 강의에 감사 드립니다.그리드로 메인화면을 레이아웃 할때 어떤 것이 효율적인지 한번 봐주셨으면 합니다.제가 두개를 코딩해 보았는데요.<a target="_blank" rel="noo

선생님 안녕하십니까 항상 좋은강의 감사드립니다! part1 - 5번째강의 grid-gap에  강의에서도그렇고 pdf교재에도 grid-gap: 30px 60px 이라는 가정하에 앞에는 좌우여백, 뒤에는 상하여백이라고 설명해주셨는데,

설명해주신것 같이 div를 여러개 생성할때요. div*6{$} 탭키를 쳤을때 div*6{} 이렇게만 생성되는데 뭐가 문제일까요??ㅠ

코드에서 에밋 단축키 설정할 때에 이미 다른 단축키 설정이 되어있다고 하면 못하는건가요? 제가 설치한 vscode에서는 ctrl + d 가 사용중이더라고요. 아직 이게 뭔지 모르겠지만;; ctrl+d로 고치지 않고 초기값 그대로 사용해도 수업에는 지장이 없는지요?

수업 잘 듣고 있습니다. pdf 교재에 grid-area의 4-3) 자식요소에 사용하는 Grid 속성 grid-area 시작지점 종료지점으로 레이아웃 만들기 에서 .parent div:nth-child(2) {}

태블릿 버전에서 grid-templeate-colums 에서 2,3,4 숫자를 입력해도 column 변화가 없습니다. 이미지도 5장만 나오는데 원인이 뭔지 궁금합니다. 그리고 full-screen 레이아웃에서는 background url을 사용해서 이

   1 이 html을 CSS에서 .item.one div {}로 나타내는 걸 처음 봐서요. "item one"에서 왜 스페이스