inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Grid (Lưới) - Lý thuyết cốt lõi và ứng dụng thực tế

Bố cục đáp ứng toàn màn hình (2) - Di động & bố trí máy tính bảng

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

348

suhbyungsik1535

12 câu hỏi đã được viết

1

안녕하세요 그리드 수강생입니다.
항상 좋은 강의에 감사 드립니다.

그리드로 메인화면을 레이아웃 할때 어떤 것이 효율적인지 한번 봐주셨으면 합니다.
제가 두개를 코딩해 보았는데요.

http://soopsok.dothome.co.kr/grid/index6_1.html
위의 링크에 있는 레이아웃은
row 3개를 잡고 컨텐츠 부분은 1200px/가운데 정렬로 해서 레이아웃 한 다음에 메인컨텐츠 부분만 그리드로 처리 한거구요.

http://soopsok.dothome.co.kr/grid/index6_2.html
위의 링크는 bg 부분도 모두 그리드로 잡아 보았습니다.

현재 모바일 변환은 안된 상태구요.
모바일로 변환 할때 문제점도 있을 것 같기도 합니다만.
최근에는 메인화면에서도 배경 처리가 함께 되어야 하기 때문에 어떤 식으로 레이아웃을 하는 것이 좋을까? 고민이 되어서요.

한번 보신후에 조언 부탁 드립니다^^
감사합니다!

반응형-웹 HTML/CSS

Câu trả lời 1

0

codingworks

굉장히 복잡한 레이아웃을 그리드로 잘 만드셨네요.
사실 지금 만드신 복잡한 레이아웃이 현실적으로 사용될 일은 거의 없습니다.
지금과 같은 레이아웃을 그리드로 만드실 수 있으면 앞으로 못만드실 레이아웃은 없다고 봅니다.
잘 만드셨습니다!!

10월 15일 삭제예정 강의 문의

0

13

0

강의가 중복됐어요

0

25

0

결제가 이루어지는 방식에 대한 문의

0

37

1

강의제목에 10/15일 삭제라고 나와있는데,

0

45

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

54

2

1강 동영상 재생 오류

1

65

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

39

1

Composition단계에서 `Layer`는 누가 만드는지

0

41

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

54

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

88

4

설명이 잘못된거같습니다.

1

73

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

64

1

bitnami 설치

0

39

0

강의 소스 코드는 어디서 볼수 있나여?

1

68

1

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

1

120

2

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

0

140

1

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

1

374

1

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

1

1550

1

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

2

328

2

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

1

345

2

영상에는 없지만,

1

315

2

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

1

421

4

10:50초경 질문입니다

1

204

1