SMALL CSS3 CSS grid - 2 영역 이름으로 그리드 정의 grid-template-areas place-items align-content 과 align-items 의 차이 content는 다 같이 움직임 개별아이템 세로 정렬 align-self 개별아이템 가로 정렬 justify-self 2023. 7. 8. CSS Grid -1 학습한사이트 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “ studiomeal.com repeat , minmax auto-fill 과 auto-fit row-gap , column-gap , gap grid-auto-columns grid-auto-rows 2023. 7. 7. CSS flex ? 학습한 사이트 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com Flex(플렉스)는 Flexible Box, Flexbox라고 부르기도 합니다. Flex는 레이아웃 배치 전용 기능으로 고안되었습니다. 그래서 레이아웃을 만들 때 딱히 사용할게 없어서 쓰던 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들이 많아요. Justify Align Flex- Align 2023. 7. 7. 이전 1 다음 LIST