오늘의 이야기/지식 충전

CSS Flex와 Grid

이도토리 2021. 6. 30. 18:35

생활코딩에서 grid 강의 듣다가 검색해본 grid & flex

읽다가 잠시 중단 ^_^... 저장해두고 틈날 때마다 읽어야지

 

    .container{
      display:flex;
      flex-direction:row;
    }

row

row-reverse

column

column-reverse 에 따라서 다르게 값 배치되는 거 너무너무 신기하고 재밌다.

 

https://studiomeal.com/archives/197

 

이번에야말로 CSS Flex를 익혀보자

이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누

studiomeal.com

 

https://studiomeal.com/archives/533

 

이번에야말로 CSS Grid를 익혀보자

이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “

studiomeal.com

 

'오늘의 이야기 > 지식 충전' 카테고리의 다른 글

address already in use  (0) 2021.07.20
Promise와 async await, 그리고 then  (0) 2021.07.18
REST API와 EndPoint란  (0) 2021.07.17
SQL과 ORM  (0) 2021.07.16
강의지옥에 빠지지 않는 방법  (0) 2021.07.15