inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

display: grid / display: inline-grid

div*6{$} 가 먹히지 않습니다!

287

Gyeongrok Oh

작성한 질문수 5

2

설명해주신것 같이 div를 여러개 생성할때요.

div*6{$} 탭키를 쳤을때

div*6{<1></1>} 이렇게만 생성되는데 뭐가 문제일까요??ㅠ

emmit HTML/CSS 반응형-웹

답변 2

2

코딩웍스(Coding Works)

div*6{$} 탭키를 치시면 아래처럼 만들어집니다.

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
.parent>div*6{$} 탭키를 치시면 아래처럼 만들어집니다.
<div class="parent">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

2

코딩웍스(Coding Works)

혹시 비주얼 스튜디오 코드를 사용하시는거면 그런 문제가 있을 수 있습니다.

비주얼 스튜디오 코드는 에밋 사용할 때 보면 좀 바보 같은게 div*{$} 이렇게 만들려면 중괄호를 열면 자동으로 닫히잖아요.

그러면 커서가 중괄호 사이로 와서 $를 넣고 다시 끝으로 가면 에밋 인식을 못합니다.

그래서 닫힌 중괄호를 지우고 넣고 탭(tap)키를 치시면 됩니다.

이 부분은 블라켓츠에서는 안생기는 문제입니다. 문제.. 라고 하긴 그렇지만 좀 귀찮죠.

part3. spy 쪽 / part3,part4 강의자료

0

28

2

최종 코드

0

34

2

Open AI 결제

0

35

2

figma 파일을 받을 수가 없어요

0

46

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

34

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

41

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

50

1

구글 서치콘솔 도메인 소유권 확인 실패

0

33

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

56

1

다음 강의 얼른 올려주세요

0

42

2

일반 강의와 차이점?

1

43

1

중요하진 않지만 설명하신부분에서 안된부분..

0

32

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

stopPropagation()에 대해서 질문 있습니다.

0

49

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

grid-row, grid-column span에 관한 질문

1

86

2

창 높이가 작을 때 레이아웃 깨짐현상

0

103

1

안녕하세요 두 가지 고민이 있어서 질문 합니다^^

1

349

1

holly grail layout에 대한 질문 입니다.

1

318

1

grid-gap에 대해서 질문드립니다!

1

1518

1

에밋 단축키 관련해서 질문 있어요

1

300

2

영상에는 없지만,

1

276

2

PC버전,모바일 버전 다 이상없이 되는데

1

368

4

10:50초경 질문입니다

1

175

1