프론트엔드 개발자가 되기위해 공부중입니다.
프론트엔드 개발자가 되기위해 공부중입니다.
profile
꾸개
꾸준히 개발
글시리즈소개
태그 목록
  • 전체보기(71)
  • 프론트엔드(44)
  • 자바스크립트(38)
  • JavaScript(38)
  • 알고리즘(37)
  • 코딩테스트(35)
  • 프로그래머스(30)
  • 제로베이스(24)
  • 프론트엔드스쿨(24)
  • 부트캠프(19)
  • 개발공부(7)
  • 프론트엔드공부(7)
  • 프론트엔드개발자(7)
  • frontend(7)
  • leetcode(6)
  • TIL(4)
  • 노마드코더(3)
  • 노개북(3)
  • 북클럽(2)
  • 취준기록(2)
  • htmlcss(2)
  • 릿코드(2)
  • 노마드북클럽(2)
  • 취준일기(2)
  • html(2)
  • CSS(2)
  • 코딩(1)
  • fraction(1)
  • 웹개발(1)
  • grid(1)
  • 1fr(1)
  • margin(1)
  • fr(1)
  • 포르그래머스(1)
  • 개발자(1)
전체보기 (71)프론트엔드(44)자바스크립트(38)JavaScript(38)알고리즘(37)코딩테스트(35)프로그래머스(30)제로베이스(24)프론트엔드스쿨(24)부트캠프(19)개발공부(7)프론트엔드공부(7)프론트엔드개발자(7)frontend(7)leetcode(6)TIL(4)노마드코더(3)노개북(3)북클럽(2)취준기록(2)htmlcss(2)릿코드(2)노마드북클럽(2)취준일기(2)html(2)CSS(2)코딩(1)fraction(1)웹개발(1)grid(1)1fr(1)margin(1)fr(1)포르그래머스(1)개발자(1)

fr(fraction) CSS - grid 정리

CSS - grid 공부중에, 1fr단위가 많이 나오던데, 헷갈려서 정리를 해보고자 한다.먼저 내가알던 %를 구현해보면4개 div블럭을 꽉채워 넣고싶으면, 4 / 100 = 25로 각 width값을 25로 넣어주면 된다.그러나, 매번 계산해아되는 귀찮음이 있다.또한,

1frCSSfrfractiongridhtml프론트엔드
2023년 2월 9일
·
0개의 댓글
·
0