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
- 정보처리기사
- 코딩테스트
- 개발자
- 자바스크립트
- vscode
- 코테
- Express
- 부스트캠프
- 런타임에러
- 삼각형
- 사이트
- python
- react
- 지속가능한개발자
- CSS
- Git
- array
- js
- Object
- 네이버커넥트재단
- Mac
- node
- 배포
- javascript
- Django
- boostcamp
- 실기
- 알고리즘
- 5기
- 백준
Archives
- Today
- Total
개발 공부 기록
[CSS] flex 본문
CSS에서 요소들을 자유롭게 위치시킬 수 있는 flex에 대해 알아보자. flex는 모바일 지원율이 매우 좋다는 장점이 있다.
flex 사용방법
.container{
display: flex;
}display: flex; 를 설정해준다.
flex container 와 item 사용법 자세하게 알아보기
heropy.blog/2018/11/24/css-flexible-box/
함께 보면 좋은 영상
Flexbox로 만들 수 있는 10가지 레이아웃
NAVER Engineering | 발표자: 이민영 (N Tech Service) 발표월: 2018.9.
tv.naver.com
영상 자료 - 글 정리
d2.naver.com/helloworld/8540176
flex를 연습해볼 수 있는 사이트
Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
'개발 > CSS' 카테고리의 다른 글
| [SASS] SASS 기초 공부 (0) | 2020.09.22 |
|---|---|
| [CSS] BEM 방식 (0) | 2020.09.13 |
| [CSS] display 와 visibility의 차이 (0) | 2020.09.06 |
| [CSS] 삼각형 만들기 (0) | 2020.07.08 |
'개발/CSS' Related Articles
more
Comments