1080px 12col grid (1col=10+70+10)
1180px 12col grid (1col=10+80+10)
1320px 12col grid (1col=20+70+20)
1440px 12col grid (1col=20+80+20)
전체 가로폭 1180px (한 칼럼은 10(여백) + 80 + 10(여백, 거터) = 100 이지만 양 끝의 여백은 안잡히므로 10 * 2만큼 빼야된다 따라서 ... 100 * 12 - 10 * 2)
- 세로로 2개로 분할되는 영역일 때에는 580px 20px 580px
- 세로로 3개로 분할되는 영역일 때에는 380px 20px 380px 20px 380px
- 세로로 4개로 분할되는 영역일 때에는 280px 20px 280px 20px 280px 20px 280px
하나의 박스 = (전체 가로폭 - ((분할 수 - 1) * (거터 값 * 2))) / 분할 수
'잡단한것들 > 잡동사니' 카테고리의 다른 글
| Deploying to github pages (React, Vue) (0) | 2022.01.17 |
|---|---|
| 웹 접근성 (0) | 2021.12.30 |
| 맥 단축키 (0) | 2021.12.04 |
| git pull 오류 (0) | 2021.12.01 |
| 포트 죽이기 (0) | 2021.11.12 |