Grid Core Theory and Practical Application
The best way to create a responsive layout, CSS Grid~!! You can fully understand CSS Grid through the core theory of Grid and practical application examples. In addition, there are various practical examples using the core theory, so you can practice enough for practical use. The core theory of Grid can be downloaded as a PDF textbook as well as a video. By learning the core theory and practical application of CSS Grid, which is an essential course for becoming an intermediate publisher, you can have enough competitiveness in the field as a publisher as well as in employment.
352 learners
Level Basic
Course period Unlimited
Want to know what questions other learners frequently ask?
- Unresolved
grid-row, grid-column span에 관한 질문
grid-column: 2/ 4와 grid-column: 1 / span 3은 동일한 동작을 한다고 하셨습니다. <p styl
HTML/CSS반응형-웹No Author
・
6 months ago
1
57
2
- Unresolved
창 높이가 작을 때 레이아웃 깨짐현상
.project-gallery { display: grid; grid-template-rows: 300px calc(100vh - 600px) 300px; } <p style
HTML/CSS반응형-웹jaiyah
・
10 months ago
0
82
1
- Unresolved
안녕하세요 두 가지 고민이 있어서 질문 합니다^^
브라켓츠 문제.<img src="https://cdn.inflearn.com/public/files/posts/5b5139d1-eb14-40a3-8905-7ce3b2626c20/브라켓츠.jpg" alt="브라켓츠.jpg
HTML/CSS반응형-웹suhbyungsik1535
・
1
326
1
- Unresolved
holly grail layout에 대한 질문 입니다.
안녕하세요 그리드 수강생입니다.항상 좋은 강의에 감사 드립니다.그리드로 메인화면을 레이아웃 할때 어떤 것이 효율적인지 한번 봐주셨으면 합니다.제가 두개를 코딩해 보았는데요.<a target="_blank" rel="noo
반응형-웹HTML/CSSsuhbyungsik1535
・
1
300
1
- Unresolved
grid-gap에 대해서 질문드립니다!
선생님 안녕하십니까 항상 좋은강의 감사드립니다! part1 - 5번째강의 grid-gap에 강의에서도그렇고 pdf교재에도 grid-gap: 30px 60px 이라는 가정하에 앞에는 좌우여백, 뒤에는 상하여백이라고 설명해주셨는데,
HTML/CSS반응형-웹hjlwan1287342
・
1
1,493
1
- Unresolved
div*6{$} 가 먹히지 않습니다!
설명해주신것 같이 div를 여러개 생성할때요. div*6{$} 탭키를 쳤을때 div*6{} 이렇게만 생성되는데 뭐가 문제일까요??ㅠ
emmitHTML/CSS반응형-웹fantasistary1571
・
2
273
2
- Unresolved
에밋 단축키 관련해서 질문 있어요
코드에서 에밋 단축키 설정할 때에 이미 다른 단축키 설정이 되어있다고 하면 못하는건가요? 제가 설치한 vscode에서는 ctrl + d 가 사용중이더라고요. 아직 이게 뭔지 모르겠지만;; ctrl+d로 고치지 않고 초기값 그대로 사용해도 수업에는 지장이 없는지요?
에밋HTML/CSS반응형-웹yeonida
・
1
274
2
- Unresolved
영상에는 없지만,
수업 잘 듣고 있습니다. pdf 교재에 grid-area의 4-3) 자식요소에 사용하는 Grid 속성 grid-area 시작지점 종료지점으로 레이아웃 만들기 에서 .parent div:nth-child(2) {}
HTML/CSS반응형-웹nyjchoi
・
1
262
2
- Unresolved
PC버전,모바일 버전 다 이상없이 되는데
태블릿 버전에서 grid-templeate-colums 에서 2,3,4 숫자를 입력해도 column 변화가 없습니다. 이미지도 5장만 나오는데 원인이 뭔지 궁금합니다. 그리고 full-screen 레이아웃에서는 background url을 사용해서 이
HTML/CSS반응형-웹joon3145
・
1
336
4
- Unresolved
10:50초경 질문입니다
1 이 html을 CSS에서 .item.one div {}로 나타내는 걸 처음 봐서요. "item one"에서 왜 스페이스
HTML/CSS반응형-웹joon3145
・
1
161
1

