Grid Core Theory and Practical Application
Fullscreen Responsive Layout (2) - Mobile & Tablet Layout
holly grail layout에 대한 질문 입니다.
310
12 asked
안녕하세요 그리드 수강생입니다.
항상 좋은 강의에 감사 드립니다.
그리드로 메인화면을 레이아웃 할때 어떤 것이 효율적인지 한번 봐주셨으면 합니다.
제가 두개를 코딩해 보았는데요.
http://soopsok.dothome.co.kr/grid/index6_1.html
위의 링크에 있는 레이아웃은
row 3개를 잡고 컨텐츠 부분은 1200px/가운데 정렬로 해서 레이아웃 한 다음에 메인컨텐츠 부분만 그리드로 처리 한거구요.
http://soopsok.dothome.co.kr/grid/index6_2.html
위의 링크는 bg 부분도 모두 그리드로 잡아 보았습니다.
현재 모바일 변환은 안된 상태구요.
모바일로 변환 할때 문제점도 있을 것 같기도 합니다만.
최근에는 메인화면에서도 배경 처리가 함께 되어야 하기 때문에 어떤 식으로 레이아웃을 하는 것이 좋을까? 고민이 되어서요.
한번 보신후에 조언 부탁 드립니다^^
감사합니다!
Answer 1
0
굉장히 복잡한 레이아웃을 그리드로 잘 만드셨네요.
사실 지금 만드신 복잡한 레이아웃이 현실적으로 사용될 일은 거의 없습니다.
지금과 같은 레이아웃을 그리드로 만드실 수 있으면 앞으로 못만드실 레이아웃은 없다고 봅니다.
잘 만드셨습니다!!
6-6
0
8
1
Json 플러그인 사용시 variable collection 없음
0
14
1
배리어블 목록 없음
0
22
3
Token 등록 방법 문의
0
21
1
6-6 실습 문의
0
24
2
섹션5 노션링크 는 따로 없나요?
0
30
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
33
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
29
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
24
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
54
2
claude plugin 방법 자세히 부탁드려요
0
40
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
40
2
최근 코테, 과제 테스트 트렌드
0
68
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
39
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
39
2
grid-row, grid-column span에 관한 질문
1
77
2
창 높이가 작을 때 레이아웃 깨짐현상
0
94
1
안녕하세요 두 가지 고민이 있어서 질문 합니다^^
1
341
1
grid-gap에 대해서 질문드립니다!
1
1511
1
div*6{$} 가 먹히지 않습니다!
2
281
2
에밋 단축키 관련해서 질문 있어요
1
291
2
영상에는 없지만,
1
269
2
PC버전,모바일 버전 다 이상없이 되는데
1
360
4
10:50초경 질문입니다
1
169
1