둥글게 둥글게

  • 홈
  • 태그
  • 방명록

css grid 1

CSS 기본 문법 실습 따라해보기 - grid (5)

CSS 기본부터 적용하기 1. grid - 2차원 표형태의 정렬(행과 열이 존재) ※ flex와 동일하게 container 속성인지, items 속성인지 정확하게 구분해서 사용하자 ex) grid를 적용해서 inline으로 변경이 불가능. 따라서 inline-grid를 사용해서 바깥쪽 layout에 inline을 적용, 안쪽 layout에 grid를 적용하자 2. grid-template (명시적) - column / rows 지정 가능, container 속성 - 행과 열을 비율 또는 수치로 몇 줄로 나눌 것인지 정함 ex) fr, px 등 사용이 가능함 ex) fr을 따로 반복해서 쓰지 않고, repeat을 사용 (몇 번 반복, 비율) 비율 단위로 px도 가능 - areas (container 속성)..

프론트엔드/CSS 2022.12.17
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

프론트엔드, 프론트엔드 공부, level1 문제풀이, frontend, 프로그래머스, 프로그래머스 level1, 프론트엔드스쿨, 프론트엔드개발자, 프로그래머스 level1 문제풀이, 팀프로젝트, 개발공부, 프로그래머스 level0 문제풀이, 프로그래머스 level0, js 자료구조, 제로베이스, HTML, 프론트엔드공부, 프로그래머스 문제풀이, 프론트엔드 프로젝트, js 선형자료구조,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 © Kakao Corp. All rights reserved.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바