# Flex

55개의 포스트
post-thumbnail

TIL 4 | HTML & CSS (4)

HTML & CSS (4) - Semantic web & semantic tag, Weegle 검색창 만들기

2020년 11월 19일
·
0개의 댓글
post-thumbnail

flex!!

코딩을 접하기전 flex는 힙합 용어로 기억되었다. 하지만 코딩을 접한 지금 flex하면 어렵다이다. 그렇다 이런 상태기 때문에 이 블로그를 작성한다. 절대 치킨계의 벌금 압박 때문에 이 글을 적는게 아니다. 지금 정리하는 것들은 display:flex 값은

2020년 11월 18일
·
0개의 댓글

자기소개 페이지 만들기

자기소개 페이지 만들기

2020년 11월 9일
·
0개의 댓글
post-thumbnail

첫 직장, 첫 월급 그리고 첫 FLEX 🤘🏻

내 나이 19살. 꿈에 그리던 취업에 성공하고 오늘 첫 월급을 받았다.🥳 한 달 이라는 짧은 시간동안 얼마나 많은걸 겪은지 모르겠다. 한창 수능준비할(🤔) 19살인데 업무에 쏟아부을 시간이 부족하다고 말하고 있으니까 신기하기도 하다.

2020년 11월 5일
·
20개의 댓글
post-thumbnail

CSS - FLEXBOX FROGGY

flex 속성에 대해 공부하던 중 flexbox froggy 라는 사이트를 발견하였다. 개구리를 잎 위로 위치시키도록 css값을 설정하는 게임인데 뭔가 눈으로 보면서 공부하기 좋은 것 같아서 정리를 해보려고 한다. 1단계 >### justify-content (fl

2020년 11월 2일
·
0개의 댓글

[미해결 문제] CSS :first-child 또는 :not(:last-child)

레이아웃을 수정하기 위해 CSS 코드를 작성하는 중, 희한한 버그를 발견했다.부모 요소에 display: flex를 주고, flex-direction을 column으로 설정, 너비(width)를 50%으로 만들어둔 레이아웃이다.그러면 view-column이라는 요소가

2020년 10월 27일
·
0개의 댓글

CSS flexbox

css에서 강력한 정렬기능을 제공하기 위해 고안되었다. 두 개의 축에 대해 명확히 이해해야 정확히 다룰 수 있다. nowrap : 부모 박스 사이즈에 맞춰서 강제로 자식 요소 사이즈를 줄여서라도 무조건 한줄로 정렬됨.: flex-direction 으로 지정된 메인 축

2020년 10월 25일
·
0개의 댓글
post-thumbnail

TIL 2020.08.20

2020년 10월 7일
·
0개의 댓글
post-thumbnail

TIL 2020.08.13

2020년 10월 7일
·
0개의 댓글
post-thumbnail

CSS - Flex(2)

flex-basis ( 유연한 박스의 기본 영역 ): Flex Item의 기본 크기를 설정합니다. (flex-direction이 row -> width                                                                  

2020년 9월 23일
·
0개의 댓글
post-thumbnail

CSS - Flex (1)

(본 글은 1분코딩님의 https://studiomeal.com/archives/197를 참조하였습니다.)1차원적인 레이아웃 배치 전용 기능으로 고안되었다Flexible Box / Flexbox라고 부르기도 한다상위 모듈로는 2차원적인 레이아웃 배치를 하는 G

2020년 9월 22일
·
0개의 댓글
post-thumbnail

flex

(1번 이미지)flex는 레이아웃 겉을 감싸고 있는 container와 내부의 item으로 이루어져있다.(2번 이미지)container에 부여해야하는 속성과 item에 부여해야하는 속성이 나뉘어있다.(3번 이미지)부모의 값인 container에 display:flex;

2020년 9월 9일
·
0개의 댓글
post-thumbnail

html css - flex

https://thrillfighter.tistory.com/489https://developer.mozilla.org/ko/docs/Web/CSS/flexdiv 태그를 사용하게되면 보통 한줄로 쌓이게 된다 .하지만 여기서 속성을 주고 되면 ?이렇게

2020년 9월 4일
·
0개의 댓글
post-thumbnail

TIL. Flex에 더 깊이.. - 9/2

레이아웃을 짜다보니 막상 예전에 했던 기본적인 flex를 잘 다루지 못하고 있는 나 자신을 보았다.그래서 다시한번 개구리도 잡아보고 복습해 보려 한다.개구리 잡으러!!🐸(https://flexboxfroggy.com/우리는 레이아웃을 짤 때 display 속

2020년 9월 2일
·
0개의 댓글

TIL #15 CSS flex 성질과 함께 사용하는 코드 정리

flex-start : 요소들을 컨테이너 왼쪽으로 정렬flex-end : 요소들을 컨테이너

2020년 8월 27일
·
0개의 댓글

CSS #6 Flexible Box

플렉스 컨테이너를 정의플렉스 아이템들의 주 방향(main-axis)을 설정하며, 아이템들의 여러 줄 묶음(줄바꿈) 설정플렉스 아이템들의 주 방향(main-axis)을 설정row : 아이템들을 수평 방향으로 표시row-reverse : row의 수평 반대 방향column

2020년 8월 19일
·
0개의 댓글
post-thumbnail

[TIL] 2020/08/17

Today, I Learned Flex, Grid를 사용해서 의류 쇼핑몰 레이아웃 만들기 (header 부분을 flex로, section 부분을 grid로 만들기) Login Form을 만들되 Popup Form으로 만들기 회원 정보를 받고, 로그인이 되

2020년 8월 17일
·
0개의 댓글