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
- node
- 부스트캠프
- javascript
- 정보처리기사
- 백준
- 자바스크립트
- 5기
- boostcamp
- 지속가능한개발자
- react
- 배포
- js
- vscode
- python
- 개발자
- CSS
- 코딩테스트
- 삼각형
- Git
- Django
- Mac
- 런타임에러
- Object
- Express
- array
- 네이버커넥트재단
- 알고리즘
- 사이트
- 실기
- 코테
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/
함께 보면 좋은 영상
영상 자료 - 글 정리
d2.naver.com/helloworld/8540176
flex를 연습해볼 수 있는 사이트
'개발 > 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 |
Comments