
You can assign multiple items on the same grid cell, making them overlap. The grid container doesn't prevent this and you may use this intentionally for your layouts.
This lecture explains how to create overlapping items and how to define their stack order.
Nested grids will be crucial in the future. You'll typically use CSS Grid for the overall site layout and then create nested grids inside that for any 2-dimensional layout components like galleries or reviews.
In this lecture, you'll learn how to use nested grids. Fortunately, it's very simple and works as you'd expect.
Absolutely positioned elements are an old feature of CSS. This lecture shows how to combine it with CSS Grid to highlight a grid area.
Grid items can be used as the relative context for absolutely positioned elements as well. This lectures teaches you how.
최신 웹 개발 기술인 CSS Grid 스펙의 기초적인 내용부터 전문적이면서 간결한 사용 방법 실습까지 함께 알려드립니다.
관련 지식이 없는 분도 자신의 역량을 강화하고, 유지보수가 쉬운 레이아웃 디자인을 만들 수 있도록 CSS Grid에 대해 쉽고 명확하게 학습할 수 있도록 유용한 정보를 모두 알려드리겠습니다.
본 강의에서는 다음 내용을 다룹니다.
CSS Grid 스펙의 모든 CSS 속성 사용 방법 학습
CSS Grid 실습 과제를 통한 학습 내용 연습 및 자신만의 레이아웃 디자인
복잡한 레이아웃에도 적용할 수 있는 간결한 CSS 코드 작성법
CSS Grid를 사용하여 단시간에 레이아웃 프로토타입을 만드는 방법
Flexbox를 보완하는 CSS Grid의 기능을 알아보고 Sass와 함께 사용하는 방법
강의와 함께 두 가지를 더 제공드립니다.
수강생들의 이해를 돕기 위해 언제나 모든 질문에 대답해 드리고 있습니다. 궁금하신 점이 있다면 언제든 "영어로"질문해 주세요.
배운 내용을 연습해 볼 수 있도록 많은 실습 과제를 제공하고 있습니다. GitHub를 통해 해답을 제공하고 있으니 코드를 비교해 가며 배운 내용을 적용하는 연습을 해 보실 수 있습니다.
CSS 강의를 수강한 수강생들의 후기입니다.
"이해하기 쉽고 필요한 내용들만 쏙쏙 가르쳐 주십니다. CSS의 중요한 기능들을 배울 수 있었어요. 배운 내용을 적용하니 코딩이 쉽고 편해졌습니다." - Shane
"이 강의 덕분에 현재 작업 중인 프로젝트의 CSS 코드와 스크립트를 간단하게 최적화하는 방법을 배울 수 있었습니다." - Dmitriy
"정말 쉽습니다. 이 강의를 통해 2 시간도 안 되는 짧은 시간에 템플릿 코드의 90%를 줄여 개선하고 아무런 추가 CSS 지식 없이 반응형 성배(Holy Grail) 레이아웃을 만들 수 있었습니다." - Paul
"Flexbox에 대한 아주 명확하고 잘 구성된 강의입니다. 이 강의를 통해 Flexbox의 모든 것을 학습할 수 있습니다. ‘완전 정복’이라는 이름값을 하는 몇 안 되는 강의 중 하나입니다. 정말 만족스럽습니다! 고마워요 Peter." - Fabio
"명강입니다! 정말 유용하고 자세한 내용으로 가득해요!" - Vladislav
"SASS/SCSS 활용법에 대한 모든 것을 제공하는 강의입니다. 아무런 관련 지식 없이 시작했는데 현재는 저의 모든 프로젝트에 여기서 배운 내용을 적용하고 있습니다. 강력 추천합니다." - Jerry
"정말 좋은 강의였습니다. SASS/SCSS에 대한 풍부한 지식과 경험을 바탕으로 이해하고 따라가기 쉬운 설명을 해 줍니다. SASS/SCSS 기초를 알고 더 배우고 싶은 분들께 추천하는 강의입니다." - John
1강에서 뵙겠습니다!
-Peter