Chemical Journey

  • 홈
  • 태그
  • 방명록

GRID 1

[CSS] Grid

Flex vs Grid 두 디스플레이 속성은 컨테이너 > 아이템으로 기본 형태는 같다. 하지만 Flex는 direction에 따라 행, 열 중 한 방향에서의 배열을 다루고 Grid는 행, 열의 배열을 동시에 다룬다는 점이 큰 차이이다. 그런 측면에선 Grid가 더 상위의 개념이라고 볼 수도 있을 것 같다. → 전체적인 페이지의 레이아웃은 Grid, 요소들은 Flex를 이용하면 효율적이다. Grid 속성 Container grid-template-columns : 폭너비 폭너비 폭너비; 폭에 사용할 수 있는 단위는 px, fr, auto grid-template-columns:1fr 1fr 1fr; grid-template-columns:200px 1fr; grid-template-columns:200px..

TIL/CSS 2022.10.05
이전
1
다음
더보기
프로필사진

Chemical Journey

다시 👨🏻‍🔬

  • 분류 전체보기 (16)
    • TIL (14)
      • HTML (1)
      • CSS (10)
      • Javascript (1)
      • React (0)
      • Design (0)
      • Library (2)
    • info (1)
    • Git, Github (1)

Tag

인접 형제 선택자, favicon #파비콘 #파비콘만들기 #티스토리파비콘 #블로그파비콘 #ico파일변환, CSS 3D, cssAnimation #css #backface, 브라우저 리플로우, MediaQuery, 무한 슬라이드, NAVER 레이아웃, layout #float #clear:both, ScrollMagic, Tistory, 1분코딩, jsLibrary, Til, ScrollTrigger, gsapTween, css, GSAPscrollTrigger, responsive, float 후처리,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바