inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

최고의 프론트엔드 CSS Frameworks, UIkit

UIkit 컴포넌트(사용법) - 반응형 웹 레이아웃(Width 기본 사용법)

부모요소에 uk-child-width-*

398

비타민걸

작성한 질문수 14

1

사이간격 gap 없앨려고

.frame4 {column-gap: 0;

} 안먹힙니다.

부모요소에 줄때는uk-child-width줄때는

column-gap이 컬럼이 아니라서 안먹히는건가요?

.frame4.uk-grid>* {
  padding-left: 0px;
}

이렇게 주면 먹히는데 이런방법말고

css다른 처리방법이 있는지 궁급합니다.

 

<div  class="frame4 uk-child-width-expand" uk-grid>
  <div>
    <div class="cell">cell 1</div>
  </div>
  <div>
    <div class="cell">cell 2</div>
  </div>
  <div>
    <div class="cell">cell 3</div>
  </div>
  <div>
    <div class="cell">cell 4</div>
  </div>
  <div>
    <div class="cell">cell 5</div>
  </div>
  <div>
    <div class="cell">cell 6</div>
  </div>

</div>

}

 

html/css 포트폴리오 HTML/CSS 포트폴리오

답변 1

0

코딩웍스(Coding Works)

UIkit의 그리드 방식은 플렉스를 기본으로 하고 있습니다.

image이렇게 만드시려면 생각보다 쉽습니다.

.frame4 {
column-gap: 0;
}

위에 적으신건 Grid에서 사용하는 속성입니다. 그래서 안되는 것 같습니다.


Flex의 간격을 주는 속성은 gap 입니다.

image

13. (App 2) 기본기 훈련 에서

0

8

1

17강 강의에 목데이터 첨부파일이 없습니다.

1

11

1

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

15

1

11차시 Antigravity IDE 설치 후

0

17

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

14

1

5,6,7,8 내용이 없어요

0

14

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

25

1

장치 의존성과 CSR

0

30

1

순수 함수 / 순수 컴포넌트

0

22

1

css box-sizing 관련 질문

0

32

2

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

25

1

node.js 설치 (LTS버전)

0

27

1

Cursor & Antigravity 소개 및 설치

0

32

2

뉴스페이퍼 테마 관련

0

35

1

지우지 말아야할걸 지운상태로 저장해버렸어요....

0

33

1

24번 수업에 나온 창은 무슨 프로그램인가요

0

35

1

모달과 light box차이점

1

517

1

modal 유튜브 동영상 안들어가요

1

688

1

UIkit 라이트박스 반응형 질문드려요

1

447

1

강의 자료는 어디서 받나요?

1

433

1

아이콘 유니코드 넣는거 유뷰트에 강사님 강의가 있는 건가요 ??

2

239

1

안녕하세요

1

231

1

Slider의 Content parallax 처음부터 애니메이션 작동되게 하는 법이 궁금해요

1

273

1

UIKIT snippets 설정

1

349

1