[CSS] fr이란

grid-template-columns: auto 100px 1fr 2fr;

1번 열은 auto를 사용한다. 해당 Element 내부 콘텐츠에 맞게 사이즈가 조정된다.

2번 열은 100px을 할당한다. 100픽셀 크기만큼의 폭을 차지한다.

3번 열은 1fr 크기를 할당한다. 1fr이란 남은 자유 공간의 1/3(총fr)만큼의 크기를 할당한다.

4번 열은 2fr 크기를 할당한다. 2fr이란 남은 자유 공간의 2/3(총fr)만큼의 크기를 할당한다.

출처: http://blog.sonim1.com/198 [Kendrick's Blog]

fr : fraction(분수)

"파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"