그리드 부분 질문있습니다.
그리드 부분 영상에서 헷갈리는 부분이 있습니다. 그리드 강의 영상에는 밑에 이미지처럼 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
63
1
댓글 기능 구현 중 질문드립니다.
0
84
1
쿠폰코드 발급
0
194
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
106
2
문의드립니다!! ㅠㅠ
0
118
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
88
2
_app.js 작성 이후로 에러가 발생하네요
0
104
2
학습자료
0
78
2
학습자료가 안열립니다.
0
57
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
64
0
기존강의 구매자, 업데이트 끝인가요?
0
117
3
업데이트 버전 수강
0
91
2
완벽한 프론트엔드
0
139
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
86
1
graphql 접속이 안됩니다.
0
105
2
const, let 사용 질문 드립니다.
0
78
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
138
2
회원가입 과제 피드백 부탁드립니다.
0
88
2
styled.span / styled.input "CSS 자동완성"
0
50
1
쿠폰 발급 관련
0
174
2
서버 502 error
0
255
2
쿠폰 다시 부탁드려도 될가여?
0
144
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
188
2
2분 44초 질문
0
138
3