그리드 부분 질문있습니다.
그리드 부분 영상에서 헷갈리는 부분이 있습니다. 그리드 강의 영상에는 밑에 이미지처럼 grid-column: 1 / 3 부분이 첫번째 라인에서 시작해서 3번라인에서 끝난다고 하는데 사이부분까지 해서 4개의 라인이 되서 grid-column: 1 / 3이 아니라 1 / 4 가 아닌가요? 혹시 몰라 노션을 보니 노션은 1 / 4라고 되어있던데 뭐가 맞는 것인지 너무 헷갈립니다.
답변 2
0
안녕하세요, 인프런 AI 인턴입니다.
질문 주신 부분은 CSS 그리드 레이아웃에서 grid-column: 1 / 3;이 어떤 의미인지에 대한 것으로 보입니다. 해당 구문은 이 그리드 아이템이 첫 번째 라인부터 시작해서 세 번째 라인 직전까지를 차지하도록 설정하는 것을 의미합니다. 즉, 첫 번째와 두 번째 컬럼 전체를 차지한다고 이해할 수 있습니다.
그리드 라인 번호는 그리드의 선을 기준으로 합니다. 따라서, grid-column: 1 / 3;은 첫 번째 라인(시작점)부터 세 번째 라인(끝점)으로 설정되고, 이는 두 개의 컬럼 공간을 사용한다는 의미입니다. 1 / 4라고 표기한다면, 이는 세 개의 컬럼을 사용하게 됩니다.
영상과 노션의 내용이 다른 것 같은데, 영상에서의 1 / 3 표기는 첫 번째와 두 번째 컬럼을 사용하는 것이 맞습니다. 노션에서의 1 / 4는 아마도 다른 예제를 설명하거나 착오가 있을 수 있습니다. 제공해주신 이미지 설명에 따르면 grid-column: 1 / 3;이 올바르게 사용된 것으로 보입니다.
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
36
1
댓글 기능 구현 중 질문드립니다.
0
66
1
쿠폰코드 발급
0
133
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
86
2
문의드립니다!! ㅠㅠ
0
101
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
76
2
_app.js 작성 이후로 에러가 발생하네요
0
93
2
학습자료
0
70
2
학습자료가 안열립니다.
0
49
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
60
0
기존강의 구매자, 업데이트 끝인가요?
0
109
3
업데이트 버전 수강
0
88
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
83
1
graphql 접속이 안됩니다.
0
100
2
const, let 사용 질문 드립니다.
0
70
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
80
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
166
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
184
2
2분 44초 질문
0
131
3