holly grail layout에 대한 질문 입니다.
335
작성한 질문수 12
안녕하세요 그리드 수강생입니다.
항상 좋은 강의에 감사 드립니다.
그리드로 메인화면을 레이아웃 할때 어떤 것이 효율적인지 한번 봐주셨으면 합니다.
제가 두개를 코딩해 보았는데요.
http://soopsok.dothome.co.kr/grid/index6_1.html
위의 링크에 있는 레이아웃은
row 3개를 잡고 컨텐츠 부분은 1200px/가운데 정렬로 해서 레이아웃 한 다음에 메인컨텐츠 부분만 그리드로 처리 한거구요.
http://soopsok.dothome.co.kr/grid/index6_2.html
위의 링크는 bg 부분도 모두 그리드로 잡아 보았습니다.
현재 모바일 변환은 안된 상태구요.
모바일로 변환 할때 문제점도 있을 것 같기도 합니다만.
최근에는 메인화면에서도 배경 처리가 함께 되어야 하기 때문에 어떤 식으로 레이아웃을 하는 것이 좋을까? 고민이 되어서요.
한번 보신후에 조언 부탁 드립니다^^
감사합니다!
답변 1
0
굉장히 복잡한 레이아웃을 그리드로 잘 만드셨네요.
사실 지금 만드신 복잡한 레이아웃이 현실적으로 사용될 일은 거의 없습니다.
지금과 같은 레이아웃을 그리드로 만드실 수 있으면 앞으로 못만드실 레이아웃은 없다고 봅니다.
잘 만드셨습니다!!
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
15
1
장치 의존성과 CSR
0
23
1
순수 함수 / 순수 컴포넌트
0
15
1
css box-sizing 관련 질문
0
28
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
20
1
node.js 설치 (LTS버전)
0
24
1
Cursor & Antigravity 소개 및 설치
0
30
2
뉴스페이퍼 테마 관련
0
32
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
31
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
32
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
26
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
42
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
43
2
자료실
1
41
2
grid-row, grid-column span에 관한 질문
1
109
2
창 높이가 작을 때 레이아웃 깨짐현상
0
122
1
안녕하세요 두 가지 고민이 있어서 질문 합니다^^
1
360
1
grid-gap에 대해서 질문드립니다!
1
1535
1
div*6{$} 가 먹히지 않습니다!
2
309
2
에밋 단축키 관련해서 질문 있어요
1
326
2
영상에는 없지만,
1
298
2
PC버전,모바일 버전 다 이상없이 되는데
1
396
4
10:50초경 질문입니다
1
193
1