# Flex
TIL 4 | HTML & CSS (4)
HTML & CSS (4) - Semantic web & semantic tag, Weegle 검색창 만들기
flex!!
코딩을 접하기전 flex는 힙합 용어로 기억되었다. 하지만 코딩을 접한 지금 flex하면 어렵다이다. 그렇다 이런 상태기 때문에 이 블로그를 작성한다. 절대 치킨계의 벌금 압박 때문에 이 글을 적는게 아니다. 지금 정리하는 것들은 display:flex 값은
첫 직장, 첫 월급 그리고 첫 FLEX 🤘🏻
내 나이 19살. 꿈에 그리던 취업에 성공하고 오늘 첫 월급을 받았다.🥳 한 달 이라는 짧은 시간동안 얼마나 많은걸 겪은지 모르겠다. 한창 수능준비할(🤔) 19살인데 업무에 쏟아부을 시간이 부족하다고 말하고 있으니까 신기하기도 하다.
CSS - FLEXBOX FROGGY
flex 속성에 대해 공부하던 중 flexbox froggy 라는 사이트를 발견하였다. 개구리를 잎 위로 위치시키도록 css값을 설정하는 게임인데 뭔가 눈으로 보면서 공부하기 좋은 것 같아서 정리를 해보려고 한다. 1단계 >### justify-content (fl
[미해결 문제] CSS :first-child 또는 :not(:last-child)
레이아웃을 수정하기 위해 CSS 코드를 작성하는 중, 희한한 버그를 발견했다.부모 요소에 display: flex를 주고, flex-direction을 column으로 설정, 너비(width)를 50%으로 만들어둔 레이아웃이다.그러면 view-column이라는 요소가
CSS flexbox
css에서 강력한 정렬기능을 제공하기 위해 고안되었다. 두 개의 축에 대해 명확히 이해해야 정확히 다룰 수 있다. nowrap : 부모 박스 사이즈에 맞춰서 강제로 자식 요소 사이즈를 줄여서라도 무조건 한줄로 정렬됨.: flex-direction 으로 지정된 메인 축
CSS - Flex(2)
flex-basis ( 유연한 박스의 기본 영역 ): Flex Item의 기본 크기를 설정합니다. (flex-direction이 row -> width
CSS - Flex (1)
(본 글은 1분코딩님의 https://studiomeal.com/archives/197를 참조하였습니다.)1차원적인 레이아웃 배치 전용 기능으로 고안되었다Flexible Box / Flexbox라고 부르기도 한다상위 모듈로는 2차원적인 레이아웃 배치를 하는 G
flex
(1번 이미지)flex는 레이아웃 겉을 감싸고 있는 container와 내부의 item으로 이루어져있다.(2번 이미지)container에 부여해야하는 속성과 item에 부여해야하는 속성이 나뉘어있다.(3번 이미지)부모의 값인 container에 display:flex;
html css - flex
https://thrillfighter.tistory.com/489https://developer.mozilla.org/ko/docs/Web/CSS/flexdiv 태그를 사용하게되면 보통 한줄로 쌓이게 된다 .하지만 여기서 속성을 주고 되면 ?이렇게
TIL. Flex에 더 깊이.. - 9/2
레이아웃을 짜다보니 막상 예전에 했던 기본적인 flex를 잘 다루지 못하고 있는 나 자신을 보았다.그래서 다시한번 개구리도 잡아보고 복습해 보려 한다.개구리 잡으러!!🐸(https://flexboxfroggy.com/우리는 레이아웃을 짤 때 display 속
TIL #15 CSS flex 성질과 함께 사용하는 코드 정리
flex-start : 요소들을 컨테이너 왼쪽으로 정렬flex-end : 요소들을 컨테이너
CSS #6 Flexible Box
플렉스 컨테이너를 정의플렉스 아이템들의 주 방향(main-axis)을 설정하며, 아이템들의 여러 줄 묶음(줄바꿈) 설정플렉스 아이템들의 주 방향(main-axis)을 설정row : 아이템들을 수평 방향으로 표시row-reverse : row의 수평 반대 방향column
[TIL] 2020/08/17
Today, I Learned Flex, Grid를 사용해서 의류 쇼핑몰 레이아웃 만들기 (header 부분을 flex로, section 부분을 grid로 만들기) Login Form을 만들되 Popup Form으로 만들기 회원 정보를 받고, 로그인이 되