Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 일러스트아이소메트릭
- IT
- 인포그래픽
- 웹디자인 기초
- css diner
- 디스톨트
- 일러스트 브러쉬
- 일러스트기초
- 일러스트 기초
- CSS
- 사진보정
- 아이콘가이드
- 일러스트3d
- 아이드로퍼툴
- 레이어그룹
- flexbox froggy
- 일러스트 블렌드
- 통계사이트
- 자바스크립트매개변수
- 스마트오브젝트
- 자바스크립트함수
- 포토샵기초
- 자바스크립트 변수
- 자바스크립트
- 웹디자인
- html
- flexbox defense
- html기초
- 포토샵
- 자바스크립트기초
Archives
- Today
- Total
오늘보다 더 나은 내일
[수업노트](20.11.13)D+26 flex활용하여 레이아웃 잡기 본문
728x90
※ html 형식
※ container를 화면 크기에 맞추는 방법
- height:100% 지정=body 높이 기본값이 auto 라서 불가능
- min-height:100vh;로 지정하여야한다.
1. flex-grow : 기본값 0 한정된 컨테이너 내에서 아이템이
차지하는 부분을 나눠가지는 비율
2. flex-shrink : 기본값 1 한정된 컨테이너 내에서 아이템이
줄어들때 줄어드는(양보하는) 비율
728x90
'국비지원 UX UI 디자인 > 코딩 수업' 카테고리의 다른 글
| [수업노트](20.11.17)D+28 클래스101 상단배너 만들기 (0) | 2020.11.24 |
|---|---|
| [수업노트](20.11.16)D+27 클래스101 상단배너 만들기 (0) | 2020.11.24 |
| [수업노트](20.11.12)D+25 flex 반응형 메뉴바 만들기 (0) | 2020.11.14 |
| [수업노트](20.11.11)D+24 flex froggy/ flex정리 (0) | 2020.11.14 |
| [수업노트](20.11.10)D+23 상품이미지 view박스 및 hover효과/ text-transform:uppercase (0) | 2020.11.14 |
'국비지원 UX UI 디자인/코딩 수업' Related Articles
more
